.viewFramework-topbar {
    position: fixed;
    width: 100%;
    height: 50px;
    background: #09C;
    z-index: 101
}

.viewFramework-body {
    position: absolute;
    width: 100%;
    top: 50px;
    bottom: 0px;
    background-color: #000;
    z-index: 100
}

.viewFramework-body .console-global-notice .console-global-notice-nav {
    top: 14px
}

.viewFramework-body .console-global-notice .console-global-notice-list {
    margin: 0;
    height: 40px
}

.viewFramework-body .console-global-notice .console-global-notice-list .console-global-notice-item {
    padding: 11px 12px;
    border: none
}

.viewFramework-body .console-global-notice .console-global-notice-list .console-global-notice-item .console-global-notice-nomore {
    top: 10px
}

.viewFramework-body.viewFramework-topbar-hide {
    top: 0px
}

.viewFramework-body.viewFramework-topbar-hide .viewFramework-sidebar {
    top: 0px
}

.viewFramework-sidebar {
    width: 0px;
    display: none;
    position: fixed;
    top: 50px;
    bottom: 0px;
    background-color: #293038;
    z-index: 102;
    overflow-x: hidden
}

.viewFramework-sidebar .sidebar-content {
    width: 200px;
    height: 100%;
    overflow: auto;
    overflow-x: hidden
}

.viewFramework-sidebar .sidebar-trans {
    -o-transition: all 0.12s ease, 0.12s ease;
    -ms-transition: all 0.12s ease, 0.12s ease;
    -moz-transition: all 0.12s ease, 0.12s ease;
    -webkit-transition: all 0.12s ease, 0.12s ease
}

.viewFramework-sidebar .sidebar-fold {
    height: 30px;
    width: 180px;
    background: #394555;
    color: #aeb9c2;
    text-align: center;
    line-height: 30px !important;
    font-size: 12px;
    user-select: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none
}

.viewFramework-sidebar .sidebar-fold:hover {
    background: #37424f
}

.viewFramework-sidebar .sidebar-nav {
    width: 180px
}

.viewFramework-sidebar .sidebar-nav ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    overflow: hidden
}

.viewFramework-sidebar .sidebar-nav li a {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    overflow: hidden
}

.viewFramework-sidebar .sidebar-nav li a:hover {
    background: #37424f
}

.viewFramework-sidebar .sidebar-nav li a:hover .nav-icon, .viewFramework-sidebar .sidebar-nav li a:hover .nav-title {
    color: #fff
}

.viewFramework-sidebar .sidebar-nav .nav-item {
    position: relative
}

.viewFramework-sidebar .sidebar-nav .nav-comment {
    background: #2d3945;
    color: #cccccc;
    height: 26px;
    margin-left: 8px;
    line-height: 26px;
    padding: 0 7px;
    vertical-align: middle;
    position: relative;
    display: none
}

.viewFramework-sidebar .sidebar-nav .nav-comment .icon-arrow-left {
    position: absolute;
    left: -14px;
    line-height: 26px;
    font-size: 24px;
    color: #2d3945
}

.viewFramework-sidebar .sidebar-nav .nav-tooltip-comment {
    color: #ccc
}

.viewFramework-sidebar .sidebar-nav .sidebar-title {
    height: 40px;
    background: #22282e;
    color: #fff;
    line-height: 40px;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none
}

.viewFramework-sidebar .sidebar-nav .sidebar-title:hover {
    background: #414d5c
}

.viewFramework-sidebar .sidebar-nav .sidebar-title-icon {
    display: inline-block;
    margin: 0 8px 0 20px;
    vertical-align: middle;
    transition: transform 0.12s;
    -o-transition: -o-transform 0.12s;
    -ms-transition: -ms-transform 0.12s;
    -moz-transition: -moz-transform 0.12s;
    -webkit-transition: -webkit-transform 0.12s
}

.viewFramework-sidebar .sidebar-manage {
    vertical-align: middle;
    position: absolute;
    height: 40px;
    width: 40px;
    right: 0
}

.viewFramework-sidebar .sidebar-manage a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color: #a0abb3;
    text-decoration: none
}

.viewFramework-sidebar .sidebar-nav-fold ul {
    height: 0 !important;
    overflow: hidden
}

.viewFramework-sidebar .sidebar-nav-fold .sidebar-title-icon {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg)
}

.viewFramework-sidebar .sidebar-nav-fold .sidebar-title {
    background: #37424f;
    border-bottom: 1px solid #414d5c
}

.viewFramework-sidebar .sidebar-nav .nav-item:hover .nav-comment {
    display: inline-block
}

.viewFramework-sidebar .entrance-nav .nav-comment {
    margin-left: 10px
}

.viewFramework-sidebar .sidebar-nav .nav-icon {
    width: 50px;
    text-align: center;
    font-size: 16px;
    float: left;
    color: #aeb9c2
}

.viewFramework-sidebar .sidebar-nav .nav-title {
    float: left;
    overflow: hidden;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    width: 130px
}

.viewFramework-sidebar .entrance-nav .nav-title {
    width: auto
}

.viewFramework-sidebar .sidebar-nav li.consolehome .nav-tooltip {
    top: 15px;
    line-height: 40px
}

.viewFramework-sidebar .sidebar-nav li.consolehome a {
    height: 70px;
    line-height: 70px;
    background: #293038
}

.viewFramework-sidebar .sidebar-nav li.consolehome a .nav-icon {
    font-size: 20px
}

.viewFramework-sidebar .sidebar-nav li.consolehome.active a {
    background: #293038
}

.viewFramework-sidebar .sidebar-nav li.active a {
    background: #0099cc
}

.viewFramework-sidebar .sidebar-nav li.active a .nav-title {
    color: #fff
}

.viewFramework-sidebar .sidebar-nav li.active a .nav-icon {
    color: #fff
}

.viewFramework-sidebar .sidebar-nav .manage-nav {
    height: 30px;
    overflow: hidden
}

.viewFramework-sidebar .sidebar-nav .manage-nav:hover .nav-icon {
    color: #fff
}

.viewFramework-sidebar .sidebar-nav .manage-nav a {
    display: block;
    height: 100%
}

.viewFramework-sidebar .sidebar-nav .manage-nav .nav-icon {
    height: 100%;
    line-height: 30px;
    font-size: 16px
}

.viewFramework-sidebar .sidebar-nav .manage-nav .nav-title {
    margin-top: 14px;
    background: #293038;
    height: 1px;
    width: 120px
}

.viewFramework-sidebar .sidebar-nav .more-nav {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    position: relative
}

.viewFramework-sidebar .sidebar-nav .more-nav.open .more-nav-switch {
    background: #09c
}

.viewFramework-sidebar .sidebar-nav .more-nav.open .more-nav-switch .nav-icon, .viewFramework-sidebar .sidebar-nav .more-nav.open .more-nav-switch .nav-title {
    color: #fff
}

.viewFramework-sidebar .sidebar-nav .more-nav.open .more-nav-switch:hover {
    background: #09c
}

.viewFramework-sidebar .sidebar-nav .more-nav.open .icon-up {
    display: none
}

.viewFramework-sidebar .sidebar-nav .more-nav.open .icon-down {
    display: inline-block
}

.viewFramework-sidebar .sidebar-nav .more-nav .icon-up {
    display: inline-block
}

.viewFramework-sidebar .sidebar-nav .more-nav .icon-down {
    display: none
}

.viewFramework-sidebar .sidebar-nav .more-nav .more-nav-switch {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px
}

.viewFramework-sidebar .sidebar-nav .more-nav .more-nav-switch:hover {
    background: #425160
}

.viewFramework-sidebar .sidebar-nav .more-nav .more-nav-switch:hover .nav-icon, .viewFramework-sidebar .sidebar-nav .more-nav .more-nav-switch:hover .nav-title {
    color: #fff
}

.viewFramework-sidebar .sidebar-nav .more-nav .more-nav-container {
    background: #425160;
    position: absolute;
    bottom: 40px;
    top: auto;
    border: none;
    border-radius: 0 0;
    box-shadow: none;
    margin: 0;
    width: 100%
}

.viewFramework-sidebar .sidebar-nav .more-nav .more-nav-container a {
    color: #fff;
    text-decoration: none
}

.viewFramework-sidebar .sidebar-nav .more-nav .more-nav-container .more-nav-item {
    display: block;
    height: 40px;
    line-height: 40px
}

.viewFramework-sidebar .sidebar-nav .more-nav .more-nav-container .more-nav-item:hover {
    background: #3a4856
}

.viewFramework-sidebar .sidebar-nav .more-nav .more-nav-container .more-nav-item:hover .more-nav-item-icon {
    color: #aeb9c2
}

.viewFramework-sidebar .sidebar-nav .more-nav .more-nav-container .more-nav-item-icon {
    width: 50px;
    display: inline-block;
    vertical-align: text-top;
    text-align: center;
    color: #546478
}

.viewFramework-sidebar .sidebar-nav .more-nav .more-nav-container .more-nav-item.active {
    background: #2d3945
}

.viewFramework-sidebar .sidebar-nav .more-nav .more-nav-container .more-nav-item.active .more-nav-item-icon {
    color: #0099cc
}

.viewFramework-sidebar .sidebar-nav .more-nav .more-nav-close {
    height: 20px;
    background: #09c;
    text-align: right;
    line-height: 20px;
    cursor: pointer
}

.viewFramework-sidebar .sidebar-nav .more-nav .more-nav-close .icon-down {
    text-align: left;
    width: 32px;
    display: inline-block;
    color: #80cce6;
    vertical-align: middle
}

.viewFramework-sidebar-mini .viewFramework-sidebar, .viewFramework-sidebar.sidebar-mini {
    width: 50px;
    display: block
}

.viewFramework-sidebar-mini .viewFramework-sidebar .sidebar-content, .viewFramework-sidebar.sidebar-mini .sidebar-content {
    width: 70px
}

.viewFramework-sidebar-mini .viewFramework-sidebar .sidebar-fold, .viewFramework-sidebar.sidebar-mini .sidebar-fold {
    width: 50px
}

.viewFramework-sidebar-mini .viewFramework-sidebar .sidebar-nav, .viewFramework-sidebar.sidebar-mini .sidebar-nav {
    width: 50px
}

.viewFramework-sidebar-mini .viewFramework-sidebar .sidebar-nav .nav-item a:hover + .nav-tooltip, .viewFramework-sidebar.sidebar-mini .sidebar-nav .nav-item a:hover + .nav-tooltip {
    display: block
}

.viewFramework-sidebar-mini .viewFramework-sidebar .sidebar-nav .nav-title, .viewFramework-sidebar.sidebar-mini .sidebar-nav .nav-title {
    display: none
}

.viewFramework-sidebar-mini .viewFramework-sidebar .sidebar-nav .more-nav .more-nav-switch:hover, .viewFramework-sidebar.sidebar-mini .sidebar-nav .more-nav .more-nav-switch:hover {
    background: #425160 !important
}

.viewFramework-sidebar-mini .viewFramework-sidebar .sidebar-nav .more-nav.open .more-nav-switch, .viewFramework-sidebar.sidebar-mini .sidebar-nav .more-nav.open .more-nav-switch {
    background: #425160 !important
}

.viewFramework-sidebar-mini .viewFramework-sidebar .sidebar-nav .more-nav .more-nav-container, .viewFramework-sidebar.sidebar-mini .sidebar-nav .more-nav .more-nav-container {
    bottom: 0px;
    left: 50px;
    width: 180px
}

.viewFramework-sidebar-mini .viewFramework-sidebar .sidebar-nav .more-nav .more-nav-container .more-nav-item, .viewFramework-sidebar.sidebar-mini .sidebar-nav .more-nav .more-nav-container .more-nav-item {
    display: block;
    height: 40px;
    line-height: 40px
}

.viewFramework-sidebar-mini .viewFramework-sidebar .sidebar-nav .more-nav .more-nav-container .more-nav-item-icon, .viewFramework-sidebar.sidebar-mini .sidebar-nav .more-nav .more-nav-container .more-nav-item-icon {
    width: 50px;
    padding-left: 0
}

.viewFramework-sidebar-mini .viewFramework-sidebar .sidebar-nav .more-nav .more-nav-close, .viewFramework-sidebar.sidebar-mini .sidebar-nav .more-nav .more-nav-close {
    display: none
}

.viewFramework-sidebar-mini .viewFramework-sidebar .sidebar-nav li.consolehome a :hover, .viewFramework-sidebar.sidebar-mini .sidebar-nav li.consolehome a :hover {
    background: #425160
}

.viewFramework-sidebar-mini .viewFramework-sidebar .sidebar-title .sidebar-title-text, .viewFramework-sidebar.sidebar-mini .sidebar-title .sidebar-title-text {
    display: none
}

.viewFramework-sidebar-mini .viewFramework-sidebar .sidebar-title-inner:hover + .nav-tooltip, .viewFramework-sidebar.sidebar-mini .sidebar-title-inner:hover + .nav-tooltip {
    display: block
}

.viewFramework-sidebar-mini .viewFramework-sidebar .sidebar-manage, .viewFramework-sidebar.sidebar-mini .sidebar-manage {
    display: none
}

.viewFramework-sidebar-mini .viewFramework-sidebar .entrance-nav .nav-item:hover .nav-comment, .viewFramework-sidebar.sidebar-mini .entrance-nav .nav-item:hover .nav-comment {
    display: none
}

.viewFramework-sidebar-full .viewFramework-sidebar, .viewFramework-sidebar.sidebar-full {
    width: 180px;
    display: block
}

.viewFramework-sidebar-full .viewFramework-sidebar .sidebar-nav .nav-icon, .viewFramework-sidebar.sidebar-full .sidebar-nav .nav-icon {
    width: 50px
}

.viewFramework-sidebar-mini .viewFramework-product {
    left: 50px
}

.viewFramework-sidebar-full .viewFramework-product {
    left: 180px
}

.viewFramework-sidebar-dialog .modal-dialog {
    width: 730px
}

.viewFramework-sidebar-dialog .modal-dialog .modal-title {
    user-select: none;
    -webkit-user-select: none
}

.viewFramework-sidebar-manage .sidebar-item-list {
    padding: 4px 0 0 0;
    height: auto
}

.viewFramework-sidebar-manage .sidebar-item-list-picked .sidebar-item {
    border: 1px solid #37a9d5
}

.viewFramework-sidebar-manage .sidebar-item-list-picked .sidebar-item .sidebar-item-opt-icon {
    display: block
}

.viewFramework-sidebar-manage .sidebar-item-list-picked .sidebar-item .sidebar-item-icon {
    color: #516176
}

.viewFramework-sidebar-manage .sidebar-config-title {
    padding-left: 6px;
    user-select: none;
    -webkit-user-select: none
}

.viewFramework-sidebar-manage .sidebar-item-wrap {
    padding: 6px;
    width: 33.3%;
    float: left;
    user-select: none;
    -webkit-user-select: none
}

.viewFramework-sidebar-manage .sidebar-item-wrap.on-drag-hover .sidebar-item {
    border: 1px dashed #ddd
}

.viewFramework-sidebar-manage .sidebar-item {
    height: 32px;
    padding: 4px;
    line-height: 24px;
    background: #fff;
    border: 1px solid #d3dce3;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-transition: all 0.1s, 0.1s;
    -ms-transition: all 0.1s, 0.1s;
    -moz-transition: all 0.1s, 0.1s;
    -webkit-transition: all 0.1s, 0.1s
}

.viewFramework-sidebar-manage .sidebar-item:hover {
    border: 1px solid #37a9d5
}

.viewFramework-sidebar-manage .sidebar-item:hover .sidebar-item-opt-icon {
    display: block
}

.viewFramework-sidebar-manage .sidebar-item .sidebar-item-icon {
    color: #aeb9c2;
    font-size: 14px;
    margin: 0 2px;
    position: relative;
    top: 1px
}

.viewFramework-sidebar-manage .sidebar-item .sidebar-item-opt-icon {
    display: none;
    position: absolute;
    height: 30px;
    width: 30px;
    right: 0;
    top: 0;
    line-height: 30px;
    text-align: center;
    border-left: 1px solid #37a9d5;
    color: #37a9d5;
    font-size: 14px
}

.viewFramework-sidebar-manage .sidebar-config-gap {
    border: 1px dashed #e8ecf0;
    margin: 16px 5px;
    user-select: none;
    -webkit-user-select: none
}

.aliyun-console-sidebar-tooltip {
    position: absolute;
    z-index: 1030;
    display: block;
    font-size: 12px;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: visible
}

.aliyun-console-sidebar-tooltip .tooltip-inner {
    max-width: 200px;
    padding: 12px 8px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    border-radius: 0 0;
    background-color: #425160
}

.aliyun-console-sidebar-tooltip .tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.aliyun-console-sidebar-tooltip.in {
    opacity: 0.9;
    filter: alpha(opacity=90)
}

.aliyun-console-sidebar-tooltip.right {
    padding: 0 5px;
    margin-left: 3px
}

.aliyun-console-sidebar-tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-right-color: #425160;
    border-width: 5px 5px 5px 0
}

.viewFramework-product {
    width: auto;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    overflow: hidden;
    background: #FFF
}

.viewFramework-product-navbar {
    width: 0px;
    float: left;
    background-color: #EAEDF1;
    position: absolute;
    top: 0px;
    bottom: 0px;
    z-index: 2;
    overflow: hidden;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease
}

.viewFramework-product-navbar .product-nav-stage {
    width: 180px;
    overflow: hidden;
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px
}

.viewFramework-product-navbar .product-nav-stage .product-nav-scene {
    width: 180px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    -webkit-transition: position, .2s, linear;
    -moz-transition: position, .2s, linear
}

.viewFramework-product-navbar .product-nav-stage .product-nav-main-scene {
    left: 0px
}

.viewFramework-product-navbar .product-nav-stage .product-nav-sub-scene {
    left: 180px
}

.viewFramework-product-navbar .product-nav-stage-main .product-nav-main-scene {
    left: 0px
}

.viewFramework-product-navbar .product-nav-stage-main .product-nav-sub-scene {
    left: 180px
}

.viewFramework-product-navbar .product-nav-stage-sub .product-nav-main-scene {
    left: -180px
}

.viewFramework-product-navbar .product-nav-stage-sub .product-nav-sub-scene {
    left: 0px
}

.viewFramework-product-navbar .product-nav-scene .product-nav-title {
    width: 180px;
    height: 70px;
    line-height: 70px;
    background: #D9DEE4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.viewFramework-product-navbar .product-nav-main-scene .product-nav-title {
    font-weight: bold;
    text-indent: 20px
}

.viewFramework-product-navbar .product-nav-sub-scene .product-nav-title {
    text-align: center
}

.viewFramework-product-navbar .product-nav-sub-scene .product-nav-title a {
    font-size: 20px;
    color: #546478;
    text-decoration: none
}

.viewFramework-product-navbar .product-nav-sub-scene .product-nav-title a:hover {
    color: #09C
}

.viewFramework-product-navbar .product-nav-list {
    position: absolute;
    top: 70px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    overflow-y: auto;
    overflow-x: hidden
}

.viewFramework-product-navbar .product-nav-list .nav-icon {
    width: 30px;
    height: 40px;
    float: left;
    text-align: center;
    font-size: 16px;
    color: #333
}

.viewFramework-product-navbar .product-nav-list .nav-title {
    width: 138px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.viewFramework-product-navbar .product-nav-list .nav-extend {
    height: 40px;
    line-height: 40px;
    float: right;
    margin-top: -40px
}

.viewFramework-product-navbar .product-nav-list ul {
    list-style: none;
    padding: 0px;
    margin: 0px
}

.viewFramework-product-navbar .product-nav-list li a {
    width: 180px;
    height: 40px;
    line-height: 40px;
    display: block;
    color: #333
}

.viewFramework-product-navbar .product-nav-list ul ul li a {
    color: #666
}

.viewFramework-product-navbar .product-nav-list ul ul li a .nav-title {
    text-indent: 8px
}

.viewFramework-product-navbar .product-nav-list li a:hover {
    background-color: #F4F6F8
}

.viewFramework-product-navbar .product-nav-list li.active a {
    background-color: #FFF
}

.viewFramework-product-navbar-collapse {
    position: absolute;
    left: 0;
    top: 50%;
    width: 20px;
    height: 50px;
    z-index: 3;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease
}

.viewFramework-product-navbar-collapse:hover .product-navbar-collapse {
    left: 0
}

.viewFramework-product-navbar-collapse:hover .product-navbar-collapse-bg {
    border-bottom: 8px solid transparent;
    border-left: 20px solid #D9DEE4;
    border-top: 8px solid transparent
}

.viewFramework-product-navbar-collapse .product-navbar-collapse-inner {
    top: -50%;
    position: relative;
    overflow: hidden
}

.viewFramework-product-navbar-collapse .product-navbar-collapse {
    height: 50px;
    position: relative;
    left: -7px;
    text-align: center;
    cursor: pointer;
    -o-transition: all 0.1s ease, 0.1s ease;
    -ms-transition: all 0.1s ease, 0.1s ease;
    -moz-transition: all 0.1s ease, 0.1s ease;
    -webkit-transition: all 0.1s ease, 0.1s ease
}

.viewFramework-product-navbar-collapse .product-navbar-collapse > span {
    font-size: 15px;
    line-height: 50px;
    vertical-align: text-top
}

.viewFramework-product-navbar-collapse .product-navbar-collapse-bg {
    width: 0;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    border-bottom: 9px solid transparent;
    border-left: 13px solid #D9DEE4;
    border-top: 9px solid transparent;
    -o-transition: all 0.1s ease, 0.1s ease;
    -ms-transition: all 0.1s ease, 0.1s ease;
    -moz-transition: all 0.1s ease, 0.1s ease;
    -webkit-transition: all 0.1s ease, 0.1s ease
}

.viewFramework-product-navbar-collapse .icon-collapse-left {
    display: none
}

.viewFramework-product-navbar-collapse .icon-collapse-right {
    display: inline
}

.viewFramework-product-body {
    position: absolute;
    width: auto;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    overflow-y: auto;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease
}

.viewFramework-product-col-1 .viewFramework-product-navbar-bg, .viewFramework-product-col-1 .viewFramework-product-navbar {
    width: 180px
}

.viewFramework-product-col-1 .viewFramework-product-body {
    left: 180px
}

.viewFramework-product-col-1 .viewFramework-product-navbar-collapse {
    left: 160px
}

.viewFramework-product-col-1 .viewFramework-product-navbar-collapse .product-navbar-collapse {
    right: -7px;
    left: auto
}

.viewFramework-product-col-1 .viewFramework-product-navbar-collapse .product-navbar-collapse > span {
    color: #546478
}

.viewFramework-product-col-1 .viewFramework-product-navbar-collapse .product-navbar-collapse-bg {
    right: 0;
    left: auto;
    border-bottom: 9px solid transparent;
    border-left: none;
    border-right: 13px solid #f7f7f7;
    border-top: 9px solid transparent
}

.viewFramework-product-col-1 .viewFramework-product-navbar-collapse .icon-collapse-left {
    display: inline
}

.viewFramework-product-col-1 .viewFramework-product-navbar-collapse .icon-collapse-right {
    display: none
}

.viewFramework-product-col-1 .viewFramework-product-navbar-collapse:hover .product-navbar-collapse {
    right: 0;
    left: auto
}

.viewFramework-product-col-1 .viewFramework-product-navbar-collapse:hover .product-navbar-collapse-bg {
    border-bottom: 8px solid transparent;
    border-left: none;
    border-right: 20px solid #f7f7f7;
    border-top: 8px solid transparent
}

.viewFramework-product-col-2 .viewFramework-product-navbar-bg, .viewFramework-product-col-2 .viewFramework-product-navbar {
    width: 360px
}

.viewFramework-product-col-2 .viewFramework-product-body {
    left: 360px
}

.viewFramework-animate {
    -webkit-animation-duration: 0.1s;
    animation-duration: 0.1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.viewFramework-fadeIn {
    -webkit-animation-name: viewFrameworkFadeIn;
    animation-name: viewFrameworkFadeIn
}

@-webkit-keyframes viewFrameworkFadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes viewFrameworkFadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.text-muted {
    color: #999 !important
}

.text-muted:hover {
    color: #999 !important
}

.text-info {
    color: #69C !important
}

.text-info:hover {
    color: #69C !important
}

.text-primary {
    color: #09C !important
}

.text-primary:hover {
    color: #09C !important
}

.text-success {
    color: #090 !important
}

.text-success:hover {
    color: #090 !important
}

.text-warning {
    color: #F90 !important
}

.text-warning:hover {
    color: #F90 !important
}

.text-danger {
    color: #F00 !important
}

.text-danger:hover {
    color: #F00 !important
}

.text-explode {
    color: #CCC !important;
    font-weight: normal !important;
    margin: 0px 4px !important
}

span.label {
    font-weight: normal
}

.text-size-14 {
    font-size: 14px !important
}

.text-size-16 {
    font-size: 16px !important
}

.text-size-24 {
    font-size: 24px !important
}

.text-size-32 {
    font-size: 32px !important
}

.text-size-48 {
    font-size: 48px !important
}

.text-size-64 {
    font-size: 64px !important
}

.btn {
    font-size: 12px;
    border-radius: 0px;
    padding: 8px 16px;
    height: 32px;
    line-height: 14px
}

.btn-default {
    color: #333;
    border: 1px solid #ddd;
    background-color: #f7f7f7
}

.btn-default:active {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125)
}

.btn-default:focus {
    color: #333;
    border: 1px solid #ddd;
    background-color: #f7f7f7;
    outline: none
}

.btn-default:hover {
    color: #333;
    border: 1px solid #ddd;
    background-color: #fff
}

.btn-primary {
    color: #fff;
    border: 1px solid #09c;
    background-color: #09c
}

.btn-primary:active {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125)
}

.btn-primary:focus {
    color: #fff;
    border: 1px solid #09c;
    background-color: #09c;
    outline: none
}

.btn-primary:hover {
    color: #fff;
    border: 1px solid #28b5d6;
    background-color: #28b5d6
}

.btn-success {
    color: #fff;
    border: 1px solid #57a235;
    background-color: #4db118
}

.btn-success:active {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125)
}

.btn-success:focus {
    color: #fff;
    border: 1px solid #57a235;
    background-color: #4db118;
    outline: none
}

.btn-success:hover {
    color: #fff;
    border: 1px solid #57bc20;
    background-color: #57bc20
}

.btn-warning {
    color: #333;
    border: 1px solid #ddd;
    background-color: #f7f7f7
}

.btn-warning:active {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125)
}

.btn-warning:focus {
    color: #333;
    border: 1px solid #ddd;
    background-color: #f7f7f7;
    outline: none
}

.btn-warning:hover {
    color: #fff;
    border: 1px solid #ffa200;
    background-color: #ffa200
}

.btn-danger {
    color: #333;
    color: #333;
    border: 1px solid #ddd;
    background-color: #f7f7f7
}

.btn-danger:active {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125)
}

.btn-danger:focus {
    color: #333;
    border: 1px solid #ddd;
    background-color: #f7f7f7;
    outline: none
}

.btn-danger:hover {
    color: #fff;
    border: 1px solid #f25721;
    background-color: #f25721
}

.btn-link {
    color: #06C;
    text-shadow: none;
    border: none
}

.btn-link:hover {
    color: #039
}

.btn-lg {
    font-size: 14px;
    padding: 12px 20px;
    height: 40px;
    line-height: 16px
}

.btn-sm {
    font-size: 12px;
    padding: 4px 12px;
    height: 24px;
    line-height: 14px
}

.btn-xs {
    font-size: 12px;
    padding: 2px 8px;
    height: 20px;
    line-height: 14px
}

.btn.disabled, .btn[disabled] {
    text-shadow: none;
    filter: none;
    opacity: 1;
    color: #bbb;
    border: 1px solid #ddd;
    background-color: #f7f7f7
}

.btn.disabled:active, .btn[disabled]:active {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125)
}

.btn.disabled:focus, .btn[disabled]:focus {
    color: #bbb;
    border: 1px solid #ddd;
    background-color: #f7f7f7;
    outline: none
}

.btn.disabled:hover, .btn[disabled]:hover {
    color: #bbb;
    border: 1px solid #ddd;
    background-color: #f7f7f7
}

.btn.btn-link.disabled, .btn.btn-link[disabled] {
    border: none;
    background: transparent none
}

.btn.btn-primary.disabled, .btn.btn-primary[disabled] {
    color: #EEE;
    text-shadow: none;
    filter: none;
    opacity: 1;
    color: #fff;
    border: 1px solid #ccc;
    background-color: #ccc
}

.btn.btn-primary.disabled:active, .btn.btn-primary[disabled]:active {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125)
}

.btn.btn-primary.disabled:focus, .btn.btn-primary[disabled]:focus {
    color: #fff;
    border: 1px solid #ccc;
    background-color: #ccc;
    outline: none
}

.btn.btn-primary.disabled:hover, .btn.btn-primary[disabled]:hover {
    color: #fff;
    border: 1px solid #ccc;
    background-color: #ccc
}

.btn-default-active, .btn-default-active:hover, .btn-default-active:focus {
    border: 1px solid #485260;
    background-color: #525d6d;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #525d6d), color-stop(100%, #525d6d));
    background: -webkit-linear-gradient(top, #525d6d, #525d6d);
    background: -moz-linear-gradient(top, #525d6d, #525d6d);
    background: -o-linear-gradient(top, #525d6d, #525d6d);
    background: linear-gradient(top, #525d6d, #525d6d);
    color: #FFFFFF;
    box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.3)
}

.btn-toinstlist {
    border: 1px solid #BBB;
    color: #666;
    text-shadow: none;
    vertical-align: middle;
    margin-top: 7px
}

.btn-toinstlist .icon-toinstlist {
    width: 12px;
    height: 12px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    background: url(images/toinstlist.png) center 1px no-repeat
}

.console-sub-title + .table {
    margin-top: 0px
}

.table-header {
    border: 1px solid #e1e6eb;
    width: 100%;
    z-index: 1;
    margin-bottom: -1px;
    padding: 8px;
    line-height: 32px;
    display: table
}

.table-header + .table {
    margin-top: 0px
}

.table {
    background: #FFF;
    font-size: 12px;
    border-top: 1px solid #e1e6eb;
    margin-top: 8px;
    border: 1px solid #e1e6eb
}

.table thead tr th {
    padding: 8px 8px;
    font-weight: normal;
    color: #999;
    border-bottom: 1px solid #e1e6eb;
    background-color: #F5F6FA
}

.table thead tr th a.dropdown-toggle {
    color: #999
}

.table thead tr th .dropdown.open a {
    color: #333
}

.table tbody tr td {
    padding: 12px 8px;
    border-top: 0px;
    border-bottom: 1px solid #e1e6eb;
    vertical-align: middle
}

.table tbody tr td p {
    margin-bottom: 0px
}

.table tfoot tr td {
    padding: 12px 8px;
    border-bottom: 1px solid #e1e6eb;
    vertical-align: middle
}

.table .text-right .dropdown-menu {
    text-align: left;
    left: auto;
    right: 0px
}

.table-hover tbody tr:hover td {
    background-color: #F9F9FA
}

.pagination {
    margin: 0px;
    vertical-align: middle;
    border-radius: 0px
}

.pagination li a, .pagination li span {
    height: 32px;
    line-height: 20px;
    color: #333;
    cursor: pointer;
    border-color: #CCC
}

.pagination li a:hover {
    color: #FFF;
    background-color: #28B5D6;
    border-color: #28B5D6
}

.pagination li span {
    color: #999
}

.pagination li span:hover {
    background: none
}

.pagination li:first-child > a, .pagination li:first-child > span {
    border-radius: 0px
}

.pagination li:last-child > a, .pagination li:last-child > span {
    border-radius: 0px
}

.pagination li.active a, .pagination li.active span {
    background-color: #09C;
    border: 1px solid #09C
}

.pagination li.active a:hover, .pagination li.active span:hover {
    background-color: #09C;
    border: 1px solid #09C
}

.pagination-info {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    padding: 0px 16px;
    color: #888
}

.form-group {
    margin-top: 8px;
    margin-bottom: 16px
}

.help-block {
    margin: 4px 0px
}

.form-control {
    height: 32px;
    border-radius: 0px;
    padding: 6px;
    -webkit-transition: none;
    transition: none;
    font-size: 12px
}

.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.form-control[size], .form-control[cols], .form-control.autosize {
    width: auto
}

.form-control.inline {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}

select {
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc
}

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline {
    color: #090
}

.has-success .form-control, input.ng-valid.ng-dirty, textarea.ng-valid.ng-dirty {
    border-color: #090
}

.has-success .form-control:focus, input.ng-valid.ng-dirty:focus, textarea.ng-valid.ng-dirty:focus {
    border-color: #2A0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline {
    color: #F90
}

.has-warning .form-control {
    border-color: #F90
}

.has-warning .form-control:focus {
    border-color: #FA0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {
    color: #E40
}

.has-error .form-control, input.ng-invalid.ng-dirty, textarea.ng-invalid.ng-dirty {
    border-color: #E40
}

.has-error .form-control:focus, input.ng-invalid.ng-dirty:focus, textarea.ng-invalid.ng-dirty:focus {
    border-color: #F30;
    -webkit-box-shadow: none;
    box-shadow: none
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    color: #999
}

label.control-label {
    font-weight: normal;
    font-size: 12px;
    color: #666
}

.form-inline .form-group {
    margin: 4px 8px 4px 0px
}

.form-inline .form-control {
    width: auto
}

.form-inline .input-group-btn {
    width: auto
}

select.input-lg, .input-lg {
    height: 40px
}

select.input-sm, .input-sm {
    height: 24px
}

.console-onoff {
    vertical-align: middle;
    width: 50px;
    height: 20px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    background-image: url("images/on-off.png");
    background-image: -webkit-image-set(url("images/on-off.png") 1x, url("images/on-off@2x.png") 2x);
    background-image: -moz-image-set(url("images/onoff.png") 1x, url("images/onoff@2x.png") 2x);
    background-image: -o-image-set(url("images/onoff.png") 1x, url("images/onoff@2x.png") 2x);
    background-image: -ms-image-set(url("images/onoff.png") 1x, url("images/onoff@2x.png") 2x);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    cursor: pointer
}

.console-onoff .onoff-handle {
    display: block;
    width: 50px;
    height: 20px;
    -webkit-transition: background-position 0.2s ease;
    -moz-transition: background-position 0.2s ease;
    -o-transition: background-position 0.2s ease;
    transition: background-position 0.2s ease;
    background-image: url("images/on-off.png");
    background-image: -webkit-image-set(url("images/on-off.png") 1x, url("images/on-off@2x.png") 2x);
    background-image: -moz-image-set(url("images/onoff.png") 1x, url("images/onoff@2x.png") 2x);
    background-image: -o-image-set(url("images/onoff.png") 1x, url("images/onoff@2x.png") 2x);
    background-image: -ms-image-set(url("images/onoff.png") 1x, url("images/onoff@2x.png") 2x);
    background-repeat: no-repeat;
    background-position: 0px 0px
}

.console-onoff .onoff-loading {
    display: block;
    width: 50px;
    height: 20px;
    -webkit-transition: background-position 0.2s ease;
    -moz-transition: background-position 0.2s ease;
    -o-transition: background-position 0.2s ease;
    transition: background-position 0.2s ease;
    background-image: url("images/on-off-loading.gif");
    background-image: -webkit-image-set(url("images/on-off-loading.gif") 1x, url("images/on-off-loading@2x.gif") 2x);
    background-image: -moz-image-set(url("images/on-off-loading.gif") 1x, url("images/on-off-loading@2x.gif") 2x);
    background-image: -o-image-set(url("images/on-off-loading.gif") 1x, url("images/on-off-loading@2x.gif") 2x);
    background-image: -ms-image-set(url("images/on-off-loading.gif") 1x, url("images/on-off-loading@2x.gif") 2x);
    background-repeat: no-repeat;
    background-position: 0px 0px
}

.console-onoff-on {
    background-position: 0px -40px
}

.console-onoff-on .onoff-handle {
    background-position: 0px 0px
}

.console-onoff-on .onoff-loading {
    background-position: 32px 4px
}

.console-onoff-off {
    background-position: 0px -60px
}

.console-onoff-off .onoff-handle {
    background-position: -28px 0px
}

.console-onoff-off .onoff-loading {
    background-position: 4px 4px
}

.console-onoff[disabled="disabled"] {
    cursor: not-allowed;
    background-position: 0px -80px
}

.console-onoff[disabled="disabled"] .onoff-loading {
    display: none
}

.console-onoff-on[disabled="disabled"] .onoff-handle {
    background-position: 0px -20px
}

.console-onoff-off[disabled="disabled"] .onoff-handle {
    background-position: -28px -20px
}

.console-number-spinner {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    vertical-align: middle
}

.console-number-spinner .form-control {
    width: auto;
    float: left;
    text-indent: -16px
}

.console-number-spinner .console-number-spinner-action {
    width: 14px;
    height: 30px;
    float: left;
    margin-left: -16px;
    border-left: 1px solid #E3E3E3;
    margin-top: 1px
}

.console-number-spinner .console-number-spinner-action button {
    width: 14px;
    height: 15px;
    overflow: hidden;
    line-height: 16px;
    font-size: 12px;
    border: 0px;
    background-color: transparent;
    padding: 0px;
    margin: 0px;
    display: block;
    color: #999;
    text-align: center;
    outline: 0px
}

.console-number-spinner .console-number-spinner-action button:hover {
    color: #06C
}

.console-number-spinner .console-number-spinner-action button[disabled] {
    color: #999
}

.console-number-spinner .console-number-spinner-action .console-number-spinner-down {
    border-top: 1px solid #E3E3E3
}

.console-timepicker {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    vertical-align: middle
}

.console-datepicker {
    padding: 8px
}

.console-datepicker thead .h6 th {
    padding-top: 8px
}

.console-datepicker tbody tr:first-child td {
    padding-top: 8px
}

.console-datepicker tbody .btn {
    border: 0px !important
}

.console-datepicker tbody .btn:hover {
    background: #F3F3F3
}

.console-datepicker tbody .btn-default {
    background: transparent
}

.console-datepicker tbody .active, .console-datepicker tbody .active:hover, .console-datepicker tbody .active span {
    background: #3C0;
    color: #FFF
}

.console-datepicker tbody .btn[disabled="disabled"] .btn[disabled="disabled"] span {
    color: #CCC
}

.console-datepicker em {
    font-size: 12px;
    color: #ACD
}

.aliyun-console-topbar {
    position: relative;
    z-index: 100;
    clear: both;
    height: 50px;
    background: #09C;
    font-size: 12px;
    min-width: 990px
}

.aliyun-console-topbar a {
    text-decoration: none
}

.aliyun-console-topbar a:focus {
    outline: none
}

.aliyun-console-topbar .icon-arrow-down {
    display: inline-block;
    width: 18px;
    text-align: center;
    vertical-align: middle;
    transition: transform 0.2s, vertical-align 0.2s;
    -o-transition: transform 0.2s, vertical-align 0.2s;
    -ms-transition: transform 0.2s, vertical-align 0.2s;
    -moz-transition: transform 0.2s, vertical-align 0.2s;
    -webkit-transition: transform 0.2s, vertical-align 0.2s
}

.aliyun-console-topbar .dropdown .dropdown-menu {
    z-index: 1;
    font-size: 12px;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)
}

.aliyun-console-topbar .dropdown .dropdown-menu a {
    padding: 0
}

.aliyun-console-topbar .dropdown.open .icon-arrow-down {
    vertical-align: text-top;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg)
}

.aliyun-console-topbar .topbar-wrap, .aliyun-console-topbar .topbar-logo, .aliyun-console-topbar .topbar-home, .aliyun-console-topbar .topbar-home-link, .aliyun-console-topbar .topbar-nav, .aliyun-console-topbar .topbar-info {
    height: 100%
}

.aliyun-console-topbar .topbar-left {
    float: left
}

.aliyun-console-topbar .topbar-right {
    float: right
}

.aliyun-console-topbar .topbar-clearfix:before, .aliyun-console-topbar .topbar-clearfix:after {
    display: table;
    content: " "
}

.aliyun-console-topbar .topbar-clearfix:after {
    clear: both
}

.aliyun-console-topbar .topbar-head {
    background: #008fbf;
    height: 50px;
    position: relative;
    z-index: 3
}

.aliyun-console-topbar .topbar-nav {
    position: relative;
    z-index: 2;
    background: #09C
}

.aliyun-console-topbar .topbar-logo, .aliyun-console-topbar .topbar-home {
    display: block;
    width: 50px;
    background: #0099cc;
    font-size: 18px;
    color: #FFF;
    text-align: center;
    line-height: 50px
}

.aliyun-console-topbar .topbar-logo span, .aliyun-console-topbar .topbar-home span {
    line-height: 50px
}

.aliyun-console-topbar .topbar-logo {
    background: #0087b4
}

.aliyun-console-topbar .topbar-home {
    margin-right: 1px;
    font-size: 20px
}

.aliyun-console-topbar .topbar-home:hover {
    background: #008fbf
}

.aliyun-console-topbar .topbar-home-link {
    padding: 0 20px;
    margin-right: 1px;
    background: #09c
}

.aliyun-console-topbar .topbar-home {
    -o-transition: all 0.15s, 0.15s;
    -ms-transition: all 0.15s, 0.15s;
    -moz-transition: all 0.15s, 0.15s;
    -webkit-transition: all 0.15s, 0.15s
}

.aliyun-console-topbar .topbar-btn {
    color: #fff;
    font-size: 14px;
    line-height: 50px
}

.aliyun-console-topbar .topbar-btn:hover, .aliyun-console-topbar .topbar-btn.topbar-btn-dark {
    background: #008fbf
}

.aliyun-console-topbar .topbar-nav.open .topbar-nav-btn {
    background: #fff;
    color: #333
}

.aliyun-console-topbar .topbar-nav-btn {
    padding: 0 20px;
    display: inline-block;
    height: 50px
}

.aliyun-console-topbar .topbar-nav-list {
    border: none;
    padding: 10px;
    margin-top: 0;
    white-space: nowrap
}

.aliyun-console-topbar .topbar-nav-list .topbar-nav-col {
    display: inline-block;
    vertical-align: top;
    padding: 0 10px
}

.aliyun-console-topbar .topbar-nav-list .topbar-nav-item .topbar-nav-item-title {
    margin: 3px 0px;
    color: #999;
    font-weight: 600
}

.aliyun-console-topbar .topbar-nav-list .topbar-nav-item .topbar-nav-gap {
    border-top: 1px solid #f2f2f2;
    width: 100%;
    margin: 6px 0 10px
}

.aliyun-console-topbar .topbar-nav-list .topbar-nav-item ul {
    padding: 0;
    margin: 8px 0 0 0;
    list-style: none
}

.aliyun-console-topbar .topbar-nav-list .topbar-nav-item ul li {
    min-width: 160px;
    height: 28px;
    line-height: 28px;
    margin-bottom: 2px
}

.aliyun-console-topbar .topbar-nav-list .topbar-nav-item ul li a {
    display: block;
    height: 100%;
    padding: 0 10px;
    text-decoration: none;
    color: #333
}

.aliyun-console-topbar .topbar-nav-list .topbar-nav-item ul li a:hover {
    background-color: #f2f2f2
}

.aliyun-console-topbar .topbar-nav-list .topbar-nav-item ul li a .topbar-nav-item-icon {
    padding-right: 2px;
    font-size: 16px;
    vertical-align: text-bottom;
    display: inline-block
}

.aliyun-console-topbar .topbar-nav-list .topbar-nav-item ul li.topbar-unservice a {
    color: #999
}

.aliyun-console-topbar .topbar-nav-list .topbar-nav-item ul li.topbar-unservice a .topbar-nav-item-icon {
    color: #999
}

.aliyun-console-topbar .topbar-info {
    background: #008fbf;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0
}

.aliyun-console-topbar .topbar-info .topbar-btn {
    padding: 0 10px;
    height: 50px;
    display: block;
    z-index: 2;
    background: #09c
}

.aliyun-console-topbar .topbar-info .topbar-btn:hover, .aliyun-console-topbar .topbar-info .topbar-btn.topbar-btn-dark {
    background: #008fbf
}

.aliyun-console-topbar .topbar-info .topbar-btn.open {
    position: relative
}

.aliyun-console-topbar .topbar-info .topbar-btn-search {
    padding: 0;
    margin-left: 1px
}

.aliyun-console-topbar .topbar-info .topbar-info-gap {
    color: #fff
}

.aliyun-console-topbar .topbar-info .dropdown .dropdown-menu {
    width: 100%;
    min-width: 0px;
    margin-top: -1px;
    border: none
}

.aliyun-console-topbar .topbar-info .dropdown.open .topbar-btn {
    color: #333;
    background: #fff;
    border-bottom: 1px solid #eaedf1;
    position: relative
}

.aliyun-console-topbar .topbar-info .topbar-info-btn {
    height: 40px;
    border-bottom: 1px solid #eaedf1
}

.aliyun-console-topbar .topbar-info .topbar-info-btn a {
    line-height: 40px;
    padding-left: 10px
}

.aliyun-console-topbar .topbar-info-item {
    display: inline-block;
    margin-left: 1px
}

.aliyun-console-topbar .topbar-notice {
    position: relative;
    font-size: 12px;
    margin-left: 1px;
    padding: 0 12px 0 8px !important
}

.aliyun-console-topbar .topbar-notice .topbar-notice-panel {
    display: none
}

.aliyun-console-topbar .topbar-notice.open .topbar-notice-panel {
    display: block
}

.aliyun-console-topbar .topbar-notice .topbar-notice-panel {
    position: absolute;
    top: 48px;
    left: -185px;
    width: 440px;
    border-radius: 2px;
    z-index: 15;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.175);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.175);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.175)
}

.aliyun-console-topbar .topbar-notice .topbar-notice-panel .topbar-notice-arrow {
    background: url(images/notice-arrow.png) 0 0 no-repeat;
    width: 11px;
    height: 6px;
    position: absolute;
    top: -6px;
    left: 220px
}

.aliyun-console-topbar .topbar-notice .topbar-notice-panel .topbar-notice-head {
    height: 50px;
    background-color: #eaedf1;
    padding: 0 15px;
    line-height: 50px;
    color: #333;
    font-size: 14px
}

.aliyun-console-topbar .topbar-notice .topbar-notice-panel .topbar-notice-body {
    height: 300px;
    overflow-y: auto;
    background: #fff;
    font-size: 12px
}

.aliyun-console-topbar .topbar-notice .topbar-notice-panel .topbar-notice-body ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.aliyun-console-topbar .topbar-notice .topbar-notice-panel .topbar-notice-body ul li {
    height: 60px;
    line-height: 20px;
    border-bottom: 1px solid #eaedf1
}

.aliyun-console-topbar .topbar-notice .topbar-notice-panel .topbar-notice-body ul li a {
    display: block;
    height: 100%;
    padding: 10px 10px;
    background: #fff;
    color: #333
}

.aliyun-console-topbar .topbar-notice .topbar-notice-panel .topbar-notice-body ul li a .topbar-notice-link {
    display: block;
    max-width: 300px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #06c
}

.aliyun-console-topbar .topbar-notice .topbar-notice-panel .topbar-notice-body ul li a:hover {
    background: #f9f9f9
}

.aliyun-console-topbar .topbar-notice .topbar-notice-panel .topbar-notice-body ul li.topbar-notice-readed a {
    color: #666
}

.aliyun-console-topbar .topbar-notice .topbar-notice-panel .topbar-notice-body ul li.topbar-notice-readed a .topbar-notice-time {
    color: #999
}

.aliyun-console-topbar .topbar-notice .topbar-notice-panel .topbar-notice-body .topbar-notice-empty {
    text-align: center;
    color: #666;
    margin-top: 80px
}

.aliyun-console-topbar .topbar-notice .topbar-notice-panel .topbar-notice-foot {
    height: 50px;
    line-height: 50px;
    background: #fff;
    text-align: center
}

.aliyun-console-topbar .topbar-notice .topbar-notice-panel .topbar-notice-class {
    padding: 8px 0;
    float: right
}

.aliyun-console-topbar .topbar-notice .topbar-notice-panel .topbar-notice-class .topbar-notice-class-name {
    display: block;
    height: 24px;
    line-height: 24px;
    width: 66px;
    background: #eaedf1;
    text-align: center;
    border-radius: 3px
}

.aliyun-console-topbar .topbar-btn-notice {
    width: auto;
    display: block;
    height: 50px
}

.aliyun-console-topbar .topbar-btn-notice .topbar-btn-notice-icon {
    font-size: 24px;
    line-height: 50px;
    vertical-align: text-bottom;
    color: #fff
}

.aliyun-console-topbar .topbar-btn-notice .topbar-btn-notice-num {
    font-size: 12px;
    color: #fff;
    background: #ff9900;
    border-radius: 5px;
    padding: 2px 5px;
    display: inline-block;
    margin-top: 15px;
    line-height: 16px;
    vertical-align: top;
    text-align: center
}

.aliyun-console-topbar .topbar-btn-notice .topbar-btn-notice-num.topbar-btn-notice-num-zero {
    color: #00ace9;
    background-color: #0087b4
}

.aliyun-console-topbar .topbar-btn-notice .topbar-nav-item-short {
    padding-left: 2px
}

.aliyun-console-topbar .topbar-qrcode {
    position: relative;
    margin-left: 1px
}

.aliyun-console-topbar .topbar-qrcode:hover .topbar-qrcode-panel {
    display: block
}

.aliyun-console-topbar .topbar-qrcode .topbar-qrcode-panel {
    top: 50px;
    left: 0;
    position: absolute;
    width: 130px;
    padding: 12px 8px;
    background: #fff;
    border: 1px solid #eaedf1;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    display: none
}

.aliyun-console-topbar .topbar-qrcode .topbar-qrcode-image {
    width: 100px;
    margin: 0 auto
}

.aliyun-console-topbar .topbar-qrcode .topbar-qrcode-title {
    text-align: center;
    padding-top: 10px
}

.aliyun-console-topbar .topbar-new-icon {
    position: relative;
    top: -4px;
    padding-left: 2px
}

.aliyun-console-topbar-search {
    position: relative;
    z-index: 1
}

.aliyun-console-topbar-search:hover {
    background: #008fbf
}

.aliyun-console-topbar-search:hover .topbar-search-ask {
    background: #008fbf
}

.aliyun-console-topbar-search .topbar-search-ask {
    width: 200px;
    height: 50px;
    border: 0;
    background: #09c;
    line-height: 26px;
    padding: 12px 30px 12px 10px;
    display: block;
    color: #fff;
    -webkit-border-radius: 1px 1px;
    -moz-border-radius: 1px / 1px;
    border-radius: 1px / 1px;
    -o-transition: all 0.15s, 0.15s;
    -ms-transition: all 0.15s, 0.15s;
    -moz-transition: all 0.15s, 0.15s;
    -webkit-transition: all 0.15s, 0.15s
}

.aliyun-console-topbar-search .topbar-search-ask:focus {
    outline: none
}

.aliyun-console-topbar-search .topbar-search-ask-shade {
    color: #00ace9
}

.aliyun-console-topbar-search .topbar-search-mark {
    font-size: 16px;
    line-height: 50px;
    position: absolute;
    height: 50px;
    width: 40px;
    color: #fff;
    text-decoration: none;
    display: block;
    text-align: center;
    top: 0;
    right: 0
}

.aliyun-console-topbar-search .topbar-search-mark .icon-search, .aliyun-console-topbar-search .topbar-search-mark .icon-enter {
    line-height: 50px
}

.aliyun-console-topbar-search.topbar-search-active {
    background: #008fbf
}

.aliyun-console-topbar-search.topbar-search-active .topbar-search-ask {
    background: #008fbf
}

.aliyun-console-topbar-search.topbar-search-active .topbar-search-ask-shade {
    color: #fff
}

.aliyun-console-topbar-search-v1_3_21 {
    position: relative
}

.aliyun-console-topbar-search-v1_3_21.topbar-search-dropdown-open .topbar-btn {
    background: #008fbf
}

.aliyun-console-topbar-search-v1_3_21 .icon-search {
    font-size: 16px;
    padding-right: 4px;
    position: relative;
    top: 2px
}

.aliyun-console-topbar-search-v1_3_21 .topbar-search-dropdown {
    height: 38px;
    position: absolute;
    bottom: -38px;
    right: -1px;
    border: 2px solid #008fbf;
    background: #fff
}

.aliyun-console-topbar-search-v1_3_21 .topbar-search-dropdown input {
    display: block;
    height: 34px;
    padding: 4px 6px;
    margin-right: 30px;
    width: 250px;
    border-width: 0;
    outline: 0;
    line-height: 34px;
    color: #546478;
    font-size: 12px
}

.aliyun-console-topbar-search-v1_3_21 .topbar-search-dropdown .topbar-search-mark {
    position: absolute;
    right: 0;
    top: 0;
    height: 34px;
    width: 34px;
    display: block;
    line-height: 34px;
    text-align: center;
    color: #546478
}

.aliyun-console-topbar-help {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0
}

.aliyun-console-topbar-help .topbar-help-inner {
    width: 486px;
    overflow: hidden;
    background: #fff;
    border-left: 1px solid #e1e6eb;
    position: absolute;
    right: -486px;
    -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    -o-transition: all 0.2s ease, 0.2s ease;
    -ms-transition: all 0.2s ease, 0.2s ease;
    -moz-transition: all 0.2s ease, 0.2s ease;
    -webkit-transition: all 0.2s ease, 0.2s ease;
    z-index: 1;
    top: 50px;
    bottom: 0
}

.aliyun-console-topbar-help .topbar-help-inner.topbar-help-show {
    right: 0px
}

.aliyun-console-topbar-help .topbar-help-head {
    height: 68px;
    padding-left: 20px;
    line-height: 68px;
    border-bottom: 1px solid #e1e6eb;
    position: relative;
    color: #333
}

.aliyun-console-topbar-help .topbar-help-body {
    position: absolute;
    top: 68px;
    bottom: 0;
    background: #fff
}

.aliyun-console-topbar-help .topbar-help-iframe {
    height: 100%
}

.aliyun-console-topbar-help .topbar-help-close {
    font-size: 18px;
    float: right;
    height: 68px;
    width: 68px;
    line-height: 68px !important;
    text-align: center;
    color: #546478;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none
}

.aliyun-console-topbar-help .topbar-help-close:hover {
    color: #000
}

.console-topbar-new {
    position: relative;
    z-index: 100;
    clear: both;
    height: 40px;
    background: #34383c;
    font-size: 12px;
    min-width: 1000px
}

.console-topbar-new .console-topbar-btn {
    width: 50px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1px;
    background-color: #2a2e31;
    text-decoration: none;
    text-align: center;
    color: #fff;
    line-height: 40px;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s
}

.console-topbar-new .console-topbar-btn .console-topbar-btn-text {
    font-size: 14px;
    text-align: center;
    white-space: nowrap;
    display: none
}

.console-topbar-new .console-topbar-btn .console-topbar-btn-icon {
    font-size: 22px;
    display: inline;
    line-height: 40px;
    color: #fff
}

.console-topbar-new .console-topbar-btn .caret {
    -o-transition: -o-transform 0.3s;
    -ms-transition: -ms-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s
}

.console-topbar-new .console-topbar-btn:hover {
    width: auto
}

.console-topbar-new .console-topbar-btn:hover.console-topbar-btn-inverse, .console-topbar-new .console-topbar-btn:hover.console-topbar-btn-inverse-white {
    background-color: #585e65;
    color: #fff
}

.console-topbar-new .console-topbar-btn:hover .console-topbar-btn-text {
    display: inline
}

.console-topbar-new .console-topbar-btn:hover .console-topbar-btn-icon {
    display: none;
    vertical-align: text-bottom
}

.console-topbar-new .console-topbar-btn:hover.console-topbar-btn-home {
    width: 106px
}

.console-topbar-new .console-topbar-btn:hover.console-topbar-btn-nav {
    width: 120px
}

.console-topbar-new .console-topbar-btn:hover.console-topbar-btn-ak {
    width: 104px
}

.console-topbar-new .console-topbar-btn:hover.console-topbar-btn-workorder {
    width: 94px
}

.console-topbar-new .console-topbar-btn.console-topbar-btn-last {
    margin-right: 0
}

.console-topbar-new .console-topbar-btn.console-topbar-logo-icon {
    -o-transition: none;
    -ms-transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    color: #2a2e31
}

.console-topbar-new .console-topbar-btn.console-topbar-logo-icon img {
    width: 22px;
    height: 22px;
    display: block;
    margin: 9px 14px
}

.console-topbar-new .console-topbar-btn.console-topbar-nav-link {
    font-size: 12px;
    width: auto;
    padding: 0 15px
}

.console-topbar-new .console-topbar-btn.console-topbar-nav-link .console-topbar-nav-link-icon {
    width: 16px;
    height: 19px;
    vertical-align: middle;
    position: relative;
    display: inline-block;
    margin-right: 4px;
    overflow: hidden;
    font-size: 16px
}

.console-topbar-new .console-topbar-btn.console-topbar-btn-user {
    width: auto
}

.console-topbar-new .console-topbar-btn.console-topbar-btn-user .console-topbar-btn-text {
    display: inline;
    padding: 0 15px
}

.console-topbar-new .console-topbar-btn.console-topbar-btn-notice {
    width: auto;
    padding: 0 10px
}

.console-topbar-new .console-topbar-btn.console-topbar-btn-notice .console-topbar-btn-notice-icon {
    font-size: 24px;
    line-height: 40px;
    vertical-align: text-bottom
}

.console-topbar-new .console-topbar-btn.console-topbar-btn-notice .console-topbar-btn-notice-num {
    font-size: 12px;
    color: #fff;
    background: #ff9900;
    border-radius: 5px;
    padding: 2px 1px;
    width: 20px;
    display: inline-block;
    margin-top: 10px;
    line-height: 16px;
    vertical-align: top
}

.console-topbar-new .console-topbar-btn.console-topbar-btn-notice .console-topbar-btn-notice-num.console-topbar-btn-notice-num-zero {
    color: #999;
    background-color: #34383c
}

.console-topbar-new .console-topbar-btn.console-topbar-btn-notice .console-topbar-nav-item-short {
    padding-left: 2px
}

.console-topbar-new .console-topbar-btn.console-topbar-btn-ak {
    overflow: hidden
}

.console-topbar-new .console-topbar-btn.console-topbar-btn-nav {
    overflow: hidden;
    position: relative;
    z-index: 2
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list {
    border: 1px solid #ddd;
    border-top: none;
    padding: 10px;
    margin-top: 0;
    margin-left: -1px
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-col {
    float: left;
    padding: 0 10px
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item .console-topbar-nav-item-title {
    margin: 3px 0px;
    color: #999;
    font-weight: 600
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item .console-topbar-nav-gap {
    border-top: 1px solid #f2f2f2;
    width: 100%;
    margin: 10px 0
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul {
    padding: 0;
    margin: 10px 0 0 0;
    list-style: none
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li {
    width: 170px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 2px
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a {
    display: block;
    height: 100%;
    padding-left: 10px;
    text-decoration: none;
    color: #333
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a:hover {
    background-color: #f2f2f2
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon {
    padding-right: 2px;
    font-size: 16px;
    vertical-align: text-bottom
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-ecs {
    color: #007eff
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-slb {
    color: #f27741
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-rds {
    color: #20f8b8
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-oss {
    color: #ade675
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-cdn {
    color: #bff3fe
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-ots {
    color: #15d4f0
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-ocs {
    color: #40ff8f
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-odps {
    color: #ffba00
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-ace {
    color: #c8341c
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-yundun {
    color: #298edb
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-yunjiankong {
    color: #86f2af
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-sls {
    color: #075ac0
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-oas {
    color: #79df71
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-ess {
    color: #0cf
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-mqs {
    color: #fff400
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-vpc {
    color: #6cf
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-opensearch {
    color: #5bc8e8
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-lightcloud {
    color: #6bbd52
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-pts {
    color: #009dff
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-ons {
    color: #6b3100
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-dpc {
    color: #289de9
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-ads {
    color: #71ceec
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-mts {
    color: #f93
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-drds {
    color: #6f9
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li.console-topbar-unservice a {
    color: #999
}

.console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li.console-topbar-unservice a .console-topbar-nav-item-icon {
    color: #999
}

.console-topbar-new .dropdown .dropdown-menu {
    z-index: 1;
    border-radius: 0;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.175);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.175);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.175)
}

.console-topbar-new .dropdown.open .console-topbar-btn.console-topbar-btn-inverse {
    background-color: #585e65;
    color: #fff
}

.console-topbar-new .dropdown.open .console-topbar-btn.console-topbar-btn-inverse-white {
    background-color: #fff;
    color: #333
}

.console-topbar-new .dropdown.open .console-topbar-btn .console-topbar-btn-text {
    display: inline
}

.console-topbar-new .dropdown.open .console-topbar-btn .console-topbar-btn-icon {
    display: none;
    vertical-align: text-bottom
}

.console-topbar-new .dropdown.open .console-topbar-btn:hover.console-topbar-btn-inverse-white {
    background-color: #fff !important;
    color: #333 !important
}

.console-topbar-new .dropdown.open .console-topbar-btn.console-topbar-btn-nav {
    width: 120px
}

.console-topbar-new .dropdown.open .console-topbar-btn.console-topbar-btn-workorder {
    width: 94px
}

.console-topbar-new .dropdown.open .console-topbar-btn .caret {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg)
}

.console-topbar-new .console-topbar-user .dropdown-menu, .console-topbar-new .console-topbar-dropdown .dropdown-menu {
    margin-top: -1px
}

.console-topbar-new .console-topbar-user .dropdown-menu > li a, .console-topbar-new .console-topbar-dropdown .dropdown-menu > li a {
    padding: 6px 20px
}

.console-topbar-new .console-topbar-workorder .dropdown-menu {
    min-width: 96px
}

.console-topbar-new .console-topbar-workorder .dropdown-menu > li a {
    padding: 6px 24px 6px 16px
}

.console-topbar-new .console-topbar-notice {
    position: relative
}

.console-topbar-new .console-topbar-notice .console-topbar-notice-panel {
    display: none
}

.console-topbar-new .console-topbar-notice.open .console-topbar-notice-panel {
    display: block
}

.console-topbar-new .console-topbar-notice .console-topbar-notice-panel {
    position: absolute;
    top: 38px;
    left: -170px;
    width: 390px;
    border: 1px solid #bbb;
    border-radius: 2px;
    z-index: 15;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.175);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.175);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.175)
}

.console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-arrow {
    background: url(images/notice-arrow.png) 0 0 no-repeat;
    width: 11px;
    height: 6px;
    position: absolute;
    top: -6px;
    left: 196px
}

.console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-head {
    height: 40px;
    border-bottom: 1px solid #ccc;
    background-color: #f2f2f2;
    padding: 0 15px;
    line-height: 40px;
    color: #333;
    font-size: 14px
}

.console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-body {
    height: 240px;
    overflow-y: auto;
    background: #fff
}

.console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-body ul {
    list-style: none;
    margin: 0 5px;
    padding: 0
}

.console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-body ul li {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #ececec
}

.console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-body ul li a {
    display: block;
    height: 100%;
    padding: 0 10px;
    background: #fff
}

.console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-body ul li a span {
    display: block
}

.console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-body ul li a .console-topbar-notice-link {
    float: left;
    max-width: 272px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-body ul li a .console-topbar-notice-time {
    float: right;
    color: #333
}

.console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-body ul li a:hover {
    background: #f9f9f9
}

.console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-body ul li.console-topbar-notice-readed a {
    color: #666
}

.console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-body ul li.console-topbar-notice-readed a .console-topbar-notice-time {
    color: #999
}

.console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-body .console-topbar-notice-empty {
    text-align: center;
    color: #666;
    margin-top: 80px
}

.console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-foot {
    height: 48px;
    line-height: 48px;
    background: #fff
}

.console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-foot .console-topbar-notice-more {
    padding-right: 15px
}

.console-topbar-new .console-topbar-locale {
    float: left
}

.console-topbar-new .console-topbar-locale .dropdown-menu {
    right: 0;
    left: auto;
    margin-top: -1px;
    width: 50px;
    min-width: 60px
}

.console-topbar-new .console-topbar-locale .console-topbar-btn.console-topbar-btn-locale {
    width: 60px;
    background: none
}

.console-topbar-new .console-topbar-locale .console-topbar-btn.console-topbar-btn-locale .console-topbar-btn-text {
    display: block
}

.console-topbar-new.console-topbar-new-en .console-topbar-btn:hover.console-topbar-btn-home {
    width: 116px
}

.console-topbar-new.console-topbar-new-en .console-topbar-btn:hover.console-topbar-btn-nav {
    width: 170px
}

.console-topbar-new.console-topbar-new-en .console-topbar-btn:hover.console-topbar-btn-workorder {
    width: 146px
}

.console-topbar-new.console-topbar-new-en .console-topbar-nav .console-topbar-nav-item ul li {
    width: auto !important
}

.console-topbar-new.console-topbar-new-en .console-topbar-nav .console-topbar-nav-item ul li a {
    padding: 0 10px
}

.console-topbar-new.console-topbar-new-en .dropdown.open .console-topbar-btn.console-topbar-btn-nav {
    width: 170px
}

.console-topbar-new.console-topbar-new-en .dropdown.open .console-topbar-btn.console-topbar-btn-workorder {
    width: 146px
}

.console-navbar {
    font-size: 12px;
    color: #666666;
    word-wrap: break-word;
    height: 56px;
    border: none;
    border-bottom: 1px solid #dddddd;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    box-sizing: content-box;
    margin-bottom: 0px;
    background-color: #fff;
    border-radius: 0 !important;
    z-index: 2
}

.console-navbar * {
    box-sizing: content-box
}

.console-navbar a {
    color: #333
}

.console-navbar .console-navbar-title {
    float: left;
    line-height: 56px;
    padding: 0 40px 0 14px;
    font-size: 18px;
    color: #999999
}

.console-navbar .console-navbar-title .console-navbar-subtitle {
    margin-right: 5px
}

.console-navbar .nav li {
    float: left;
    display: inline;
    margin: 0 20px;
    height: 56px;
    font-size: 14px
}

.console-navbar .nav li a {
    padding: 0 2px;
    float: left;
    height: 55px;
    color: #333333;
    line-height: 56px;
    text-decoration: none
}

.console-navbar .nav li a:hover, .console-navbar .nav li a:focus {
    background-color: #fff
}

.console-navbar .nav li.active {
    height: 55px
}

.console-navbar .nav li.active a {
    color: #ff4902;
    border-bottom: 2px solid #ff4902
}

.console-navbar .console-navbar-a-default {
    cursor: default
}

.console-navbar .console-navbar-links-example {
    margin-top: 15px;
    padding: 0 15px 0;
    line-height: 24px;
    border-left: 1px solid #eeeeee
}

.console-navbar .console-navbar-links-example a {
    color: #b3b3b3
}

.console-title {
    padding: 16px 0px;
    min-height: 70px
}

.console-title .nav-pills {
    display: inline-block;
    vertical-align: middle
}

.console-title h1, .console-title h2, .console-title h3, .console-title h4, .console-title h5, .console-title h6 {
    display: inline-block;
    text-indent: 8px;
    border-left: 2px solid #88B7E0;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 8px
}

.console-title h1 {
    margin-top: 0px;
    margin-bottom: 0px
}

.console-title h2 {
    margin-top: 2px;
    margin-bottom: 2px
}

.console-title h3 {
    margin-top: 4px;
    margin-bottom: 4px
}

.console-title h4 {
    margin-top: 6px;
    margin-bottom: 6px
}

.console-title h5 {
    margin-top: 8px;
    margin-bottom: 8px
}

.console-title-border {
    border-bottom: 1px solid #DDD
}

.console-sub-title {
    position: relative;
    padding-left: 16px;
    margin-bottom: -1px;
    display: table;
    width: 100%;
    z-index: 1;
    height: 40px;
    border: 1px solid #E1E6EB;
    border-left: 3px solid #778;
    background-color: #F4F5F9
}

.console-sub-title h5 {
    color: #666;
    font-size: 14px
}

.console-box-border {
    border: 1px solid #E1E6EB
}

.margin-left, .margin-left-1 {
    margin-left: 8px !important
}

.margin-left-2 {
    margin-left: 16px !important
}

.margin-left-3 {
    margin-left: 24px !important
}

.margin-left-4 {
    margin-left: 32px !important
}

.margin-right, .margin-right-1 {
    margin-right: 8px !important
}

.margin-right-2 {
    margin-right: 16px !important
}

.margin-right-3 {
    margin-right: 24px !important
}

.margin-right-4 {
    margin-right: 32px !important
}

.margin-top, .margin-top-1 {
    margin-top: 8px !important
}

.margin-top-2 {
    margin-top: 16px !important
}

.margin-top-3 {
    margin-top: 24px !important
}

.margin-top-4 {
    margin-top: 32px !important
}

.row-padding-1 {
    padding-top: 8px;
    padding-bottom: 8px
}

.row-padding, .row-padding-2 {
    padding-top: 16px;
    padding-bottom: 16px
}

.row-padding-3 {
    padding-top: 24px;
    padding-bottom: 24px
}

.row-padding-4 {
    padding-top: 32px;
    padding-bottom: 32px
}

.row-margin-1 {
    margin-top: 8px;
    margin-bottom: 8px
}

.row-margin, .row-margin-2 {
    margin-top: 16px;
    margin-bottom: 16px
}

.row-margin-3 {
    margin-top: 24px;
    margin-bottom: 24px
}

.row-margin-4 {
    margin-top: 32px;
    margin-bottom: 32px
}

.col-padding-1 {
    padding-left: 8px;
    padding-right: 8px
}

.col-padding, .col-padding-2 {
    padding-left: 16px;
    padding-right: 16px
}

.col-padding-3 {
    padding-left: 24px;
    padding-right: 24px
}

.col-padding-4 {
    padding-left: 32px;
    padding-right: 32px
}

.col-margin-1 {
    margin-left: 8px;
    margin-right: 8px
}

.col-margin, .col-margin-2 {
    margin-left: 16px;
    margin-right: 16px
}

.col-margin-3 {
    margin-left: 24px;
    margin-right: 24px
}

.col-margin-4 {
    margin-left: 32px;
    margin-right: 32px
}

.inline-block {
    display: inline-block !important;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}

.partition {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    padding: 0px 4px
}

.no-data {
    padding: 24px 0px;
    text-align: center;
    color: #666
}

@font-face {
    font-family: 'aliyun-console-font';
    src: url("fonts/aliyun-console-font.eot?avcahv");
    src: url("fonts/aliyun-console-font.eot?avcahv#iefix") format("embedded-opentype"), url("fonts/aliyun-console-font.ttf?avcahv") format("truetype"), url("fonts/aliyun-console-font.woff?avcahv") format("woff"), url("fonts/aliyun-console-font.svg?avcahv#aliyun-console-font") format("svg");
    font-weight: normal;
    font-style: normal
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'aliyun-console-font';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-logo2:before {
    content: "\e63b"
}

.icon-emr-2:before {
    content: "\e90c"
}

.icon-emr-3:before {
    content: "\e90d"
}

.icon-emr:before {
    content: "\e90e"
}

.icon-mss:before {
    content: "\e909"
}

.icon-mss-3:before {
    content: "\e90a"
}

.icon-mss-2:before {
    content: "\e90b"
}

.icon-antifraud-3:before {
    content: "\e903"
}

.icon-antifraud:before {
    content: "\e904"
}

.icon-antifraud-2:before {
    content: "\e905"
}

.icon-ddosbasic:before {
    content: "\e906"
}

.icon-ddosbasic-3:before {
    content: "\e907"
}

.icon-ddosbasic-2:before {
    content: "\e908"
}

.icon-aegis:before {
    content: "\e900"
}

.icon-aegis-3:before {
    content: "\e901"
}

.icon-aegis-2:before {
    content: "\e902"
}

.icon-amr-2:before {
    content: "\e71c"
}

.icon-amr-3:before {
    content: "\e71d"
}

.icon-amr:before {
    content: "\e71e"
}

.icon-eip-2:before {
    content: "\e71f"
}

.icon-eip-3:before {
    content: "\e720"
}

.icon-eip:before {
    content: "\e721"
}

.icon-xianzhi-2:before {
    content: "\e722"
}

.icon-xianzhi-3:before {
    content: "\e723"
}

.icon-xianzhi:before {
    content: "\e724"
}

.icon-expense-i18n:before {
    content: "\e71b"
}

.icon-aps-2:before {
    content: "\e715"
}

.icon-aps-3:before {
    content: "\e716"
}

.icon-aps:before {
    content: "\e717"
}

.icon-batchcompute-2:before {
    content: "\e718"
}

.icon-batchcompute-3:before {
    content: "\e719"
}

.icon-batchcompute:before {
    content: "\e71a"
}

.icon-sas-2:before {
    content: "\e70c"
}

.icon-sas-3:before {
    content: "\e70d"
}

.icon-sas:before {
    content: "\e70e"
}

.icon-scan-2:before {
    content: "\e70f"
}

.icon-scan-3:before {
    content: "\e710"
}

.icon-scan:before {
    content: "\e711"
}

.icon-waf-2:before {
    content: "\e712"
}

.icon-waf-3:before {
    content: "\e713"
}

.icon-waf:before {
    content: "\e714"
}

.icon-mns-2:before {
    content: "\e709"
}

.icon-mns-3:before {
    content: "\e70a"
}

.icon-mns:before {
    content: "\e70b"
}

.icon-qrcode:before {
    content: "\e708"
}

.icon-unfold:before {
    content: "\e707"
}

.icon-fold:before {
    content: "\e706"
}

.icon-form:before {
    content: "\e6fd"
}

.icon-accelerate:before {
    content: "\e6fe"
}

.icon-feedback:before {
    content: "\e702"
}

.icon-vdc-2:before {
    content: "\e703"
}

.icon-vdc-3:before {
    content: "\e704"
}

.icon-vdc:before {
    content: "\e705"
}

.icon-new:before {
    content: "\e6fc"
}

.icon-collapse-right:before {
    content: "\e6fb"
}

.icon-collapse-left:before {
    content: "\e6fa"
}

.icon-aec:before {
    content: "\e6f3"
}

.icon-aic:before {
    content: "\e6f4"
}

.icon-mobile-2:before {
    content: "\e6f5"
}

.icon-amc:before {
    content: "\e6f6"
}

.icon-arc:before {
    content: "\e6f7"
}

.icon-game:before {
    content: "\e6f8"
}

.icon-iot:before {
    content: "\e6f9"
}

.icon-right:before {
    content: "\e6f2"
}

.icon-afc:before {
    content: "\e6f0"
}

.icon-specs:before {
    content: "\e6f1"
}

.icon-pen-2:before {
    content: "\e6c8"
}

.icon-key:before {
    content: "\e635"
}

.icon-bsn:before {
    content: "\e6ea"
}

.icon-cas-2:before {
    content: "\e6eb"
}

.icon-cas-3:before {
    content: "\e6ec"
}

.icon-cas:before {
    content: "\e6ed"
}

.icon-fenxiao:before {
    content: "\e6ee"
}

.icon-account-2:before {
    content: "\e6ef"
}

.icon-qiyeyouxiang-2:before {
    content: "\e6be"
}

.icon-qiyeyouxiang-3:before {
    content: "\e6bf"
}

.icon-qiyeyouxiang:before {
    content: "\e6c0"
}

.icon-yuming-2:before {
    content: "\e6d3"
}

.icon-yuming-3:before {
    content: "\e6df"
}

.icon-yuming:before {
    content: "\e6e0"
}

.icon-yumingyuwangzhan-2:before {
    content: "\e6e1"
}

.icon-yumingyuwangzhan-3:before {
    content: "\e6e2"
}

.icon-yumingyuwangzhan:before {
    content: "\e6e3"
}

.icon-yunjiexi-2:before {
    content: "\e6e4"
}

.icon-yunjiexi-3:before {
    content: "\e6e5"
}

.icon-yunjiexi:before {
    content: "\e6e6"
}

.icon-yunxunizhuji-2:before {
    content: "\e6e7"
}

.icon-yunxunizhuji-3:before {
    content: "\e6e8"
}

.icon-yunxunizhuji:before {
    content: "\e6e9"
}

.icon-api-3:before {
    content: "\e6d2"
}

.icon-api-2:before {
    content: "\e6d4"
}

.icon-api:before {
    content: "\e6d5"
}

.icon-dpa-2:before {
    content: "\e6d6"
}

.icon-dpa-3:before {
    content: "\e6d7"
}

.icon-dpa:before {
    content: "\e6d8"
}

.icon-lvwang-2:before {
    content: "\e6d9"
}

.icon-lvwang-3:before {
    content: "\e6da"
}

.icon-lvwang:before {
    content: "\e6db"
}

.icon-mas-2:before {
    content: "\e6dc"
}

.icon-mas-3:before {
    content: "\e6dd"
}

.icon-mas:before {
    content: "\e6de"
}

.icon-dts-2:before {
    content: "\e6cf"
}

.icon-dts-3:before {
    content: "\e6d0"
}

.icon-dts:before {
    content: "\e6d1"
}

.icon-android:before {
    content: "\e6c9"
}

.icon-cps-2:before {
    content: "\e6ca"
}

.icon-cps-3:before {
    content: "\e6cb"
}

.icon-cps:before {
    content: "\e6cc"
}

.icon-ios:before {
    content: "\e6cd"
}

.icon-vitality:before {
    content: "\e6ce"
}

.icon-dfs-2:before {
    content: "\e6bb"
}

.icon-dfs-3:before {
    content: "\e6bc"
}

.icon-dfs:before {
    content: "\e6bd"
}

.icon-edas-2:before {
    content: "\e6c1"
}

.icon-edas-3:before {
    content: "\e6c2"
}

.icon-edas:before {
    content: "\e6c3"
}

.icon-enter:before {
    content: "\e6c4"
}

.icon-usableCenter-2:before {
    content: "\e6c5"
}

.icon-usableCenter-3:before {
    content: "\e6c6"
}

.icon-usableCenter:before {
    content: "\e6c7"
}

.icon-ace-2:before {
    content: "\e600"
}

.icon-ace:before {
    content: "\e601"
}

.icon-add-1:before {
    content: "\e602"
}

.icon-add-2:before {
    content: "\e603"
}

.icon-add:before {
    content: "\e604"
}

.icon-ads-2:before {
    content: "\e605"
}

.icon-ads:before {
    content: "\e606"
}

.icon-amplify:before {
    content: "\e607"
}

.icon-arrow-down:before {
    content: "\e608"
}

.icon-arrow-left:before {
    content: "\e609"
}

.icon-arrow-right:before {
    content: "\e60a"
}

.icon-arrow-up:before {
    content: "\e60b"
}

.icon-backup:before {
    content: "\e60c"
}

.icon-bell:before {
    content: "\e60d"
}

.icon-buy:before {
    content: "\e60e"
}

.icon-calendar:before {
    content: "\e60f"
}

.icon-cdn-2:before {
    content: "\e610"
}

.icon-cdn:before {
    content: "\e611"
}

.icon-cdp:before {
    content: "\e612"
}

.icon-clock:before {
    content: "\e613"
}

.icon-cloudisk:before {
    content: "\e614"
}

.icon-cloudisk2:before {
    content: "\e615"
}

.icon-db-g:before {
    content: "\e616"
}

.icon-db-r:before {
    content: "\e617"
}

.icon-db-sign:before {
    content: "\e618"
}

.icon-db-t:before {
    content: "\e619"
}

.icon-db:before {
    content: "\e61a"
}

.icon-ddos-2:before {
    content: "\e61b"
}

.icon-ddos:before {
    content: "\e61c"
}

.icon-detail-2:before {
    content: "\e61d"
}

.icon-detail:before {
    content: "\e61e"
}

.icon-disk-image:before {
    content: "\e61f"
}

.icon-down:before {
    content: "\e620"
}

.icon-dpc-2:before {
    content: "\e621"
}

.icon-dpc:before {
    content: "\e622"
}

.icon-drds-2:before {
    content: "\e623"
}

.icon-drds:before {
    content: "\e624"
}

.icon-ecs-2:before {
    content: "\e625"
}

.icon-ecs:before {
    content: "\e626"
}

.icon-ess-2:before {
    content: "\e627"
}

.icon-ess:before {
    content: "\e628"
}

.icon-exec-snapshot-policy:before {
    content: "\e629"
}

.icon-goback:before {
    content: "\e62a"
}

.icon-graphs:before {
    content: "\e62b"
}

.icon-help-1:before {
    content: "\e62c"
}

.icon-help-2:before {
    content: "\e62d"
}

.icon-help:before {
    content: "\e62e"
}

.icon-home:before {
    content: "\e62f"
}

.icon-info-1:before {
    content: "\e630"
}

.icon-info-2:before {
    content: "\e631"
}

.icon-info:before {
    content: "\e632"
}

.icon-invite:before {
    content: "\e633"
}

.icon-jiankong-2:before {
    content: "\e634"
}

.icon-lightcloud-2:before {
    content: "\e636"
}

.icon-lightcloud:before {
    content: "\e637"
}

.icon-log:before {
    content: "\e638"
}

.icon-logo:before {
    content: "\e639"
}

.icon-logo1:before {
    content: "\e63a"
}

.icon-menu:before {
    content: "\e63c"
}

.icon-mqs-2:before {
    content: "\e63d"
}

.icon-mqs:before {
    content: "\e63e"
}

.icon-mts:before {
    content: "\e63f"
}

.icon-narrow:before {
    content: "\e640"
}

.icon-no-1:before {
    content: "\e641"
}

.icon-no-2:before {
    content: "\e642"
}

.icon-no:before {
    content: "\e643"
}

.icon-oas-2:before {
    content: "\e644"
}

.icon-oas:before {
    content: "\e645"
}

.icon-ocs-2:before {
    content: "\e646"
}

.icon-ocs:before {
    content: "\e647"
}

.icon-odps-2:before {
    content: "\e648"
}

.icon-odps:before {
    content: "\e649"
}

.icon-ons-2:before {
    content: "\e64a"
}

.icon-ons:before {
    content: "\e64b"
}

.icon-opensearch-2:before {
    content: "\e64c"
}

.icon-opensearch:before {
    content: "\e64d"
}

.icon-oss-2:before {
    content: "\e64e"
}

.icon-oss:before {
    content: "\e64f"
}

.icon-ots-2:before {
    content: "\e650"
}

.icon-ots:before {
    content: "\e651"
}

.icon-pen:before {
    content: "\e652"
}

.icon-performance:before {
    content: "\e653"
}

.icon-pts-2:before {
    content: "\e654"
}

.icon-pts:before {
    content: "\e655"
}

.icon-ram-2:before {
    content: "\e656"
}

.icon-ram:before {
    content: "\e657"
}

.icon-rds-2:before {
    content: "\e658"
}

.icon-rds:before {
    content: "\e659"
}

.icon-regional:before {
    content: "\e65a"
}

.icon-remove-1:before {
    content: "\e65b"
}

.icon-remove-2:before {
    content: "\e65c"
}

.icon-remove:before {
    content: "\e65d"
}

.icon-renew-mgt:before {
    content: "\e65e"
}

.icon-safe-lock:before {
    content: "\e65f"
}

.icon-safetycontrol:before {
    content: "\e660"
}

.icon-search:before {
    content: "\e661"
}

.icon-setup:before {
    content: "\e662"
}

.icon-shift-in:before {
    content: "\e663"
}

.icon-slb-2:before {
    content: "\e664"
}

.icon-slb:before {
    content: "\e665"
}

.icon-sls-2:before {
    content: "\e666"
}

.icon-sls:before {
    content: "\e667"
}

.icon-snapshot:before {
    content: "\e668"
}

.icon-text-free:before {
    content: "\e669"
}

.icon-threshold:before {
    content: "\e66a"
}

.icon-tree:before {
    content: "\e66b"
}

.icon-unlock:before {
    content: "\e66c"
}

.icon-up:before {
    content: "\e66d"
}

.icon-updown:before {
    content: "\e66e"
}

.icon-viewtable:before {
    content: "\e66f"
}

.icon-vpc-2:before {
    content: "\e670"
}

.icon-vpc:before {
    content: "\e671"
}

.icon-warning-1:before {
    content: "\e672"
}

.icon-warning-2:before {
    content: "\e673"
}

.icon-warning:before {
    content: "\e674"
}

.icon-weekly:before {
    content: "\e675"
}

.icon-yes-1:before {
    content: "\e676"
}

.icon-yes-2:before {
    content: "\e677"
}

.icon-yes:before {
    content: "\e678"
}

.icon-yundun-2:before {
    content: "\e679"
}

.icon-yundun:before {
    content: "\e67a"
}

.icon-yunjiankong:before {
    content: "\e67b"
}

.icon-annex:before {
    content: "\e67c"
}

.icon-renew:before {
    content: "\e67d"
}

.icon-renew-2:before {
    content: "\e67e"
}

.icon-plus-border:before {
    content: "\e67f"
}

.icon-wo-domain:before {
    content: "\e680"
}

.icon-wo-email:before {
    content: "\e681"
}

.icon-wo-host:before {
    content: "\e682"
}

.icon-wo-sitebuild:before {
    content: "\e683"
}

.icon-wo-salepre:before {
    content: "\e684"
}

.icon-wo-beian:before {
    content: "\e685"
}

.icon-wo-account:before {
    content: "\e686"
}

.icon-wo-finance:before {
    content: "\e687"
}

.icon-square:before {
    content: "\e688"
}

.icon-left:before {
    content: "\e689"
}

.icon-upload:before {
    content: "\e68a"
}

.icon-list-open:before {
    content: "\e68b"
}

.icon-pause:before {
    content: "\e68c"
}

.icon-list-close:before {
    content: "\e68d"
}

.icon-circle:before {
    content: "\e68e"
}

.icon-refresh:before {
    content: "\e68f"
}

.icon-return:before {
    content: "\e690"
}

.icon-undo:before {
    content: "\e691"
}

.icon-alipay:before {
    content: "\e692"
}

.icon-auto-renew:before {
    content: "\e693"
}

.icon-mobile:before {
    content: "\e694"
}

.icon-account:before {
    content: "\e695"
}

.icon-services:before {
    content: "\e696"
}

.icon-expense:before {
    content: "\e697"
}

.icon-redisa-2:before {
    content: "\e698"
}

.icon-redisa:before {
    content: "\e699"
}

.icon-ddos-3:before {
    content: "\e69a"
}

.icon-redisa-3:before {
    content: "\e69b"
}

.icon-toolsimage-2:before {
    content: "\e69c"
}

.icon-cdp-2:before {
    content: "\e69d"
}

.icon-mts-2:before {
    content: "\e69e"
}

.icon-toolsimage:before {
    content: "\e69f"
}

.icon-toolsimage-3:before {
    content: "\e6a0"
}

.icon-ons-3:before {
    content: "\e6a1"
}

.icon-ram-3:before {
    content: "\e6a2"
}

.icon-yundun-3:before {
    content: "\e6a3"
}

.icon-pts-3:before {
    content: "\e6a4"
}

.icon-mts-3:before {
    content: "\e6a5"
}

.icon-mqs-3:before {
    content: "\e6a6"
}

.icon-drds-3:before {
    content: "\e6a7"
}

.icon-cdp-3:before {
    content: "\e6a8"
}

.icon-dpc-3:before {
    content: "\e6a9"
}

.icon-ads-3:before {
    content: "\e6aa"
}

.icon-jiankong-3:before {
    content: "\e6ab"
}

.icon-vpc-3:before {
    content: "\e6ac"
}

.icon-slb-3:before {
    content: "\e6ad"
}

.icon-rds-3:before {
    content: "\e6ae"
}

.icon-ots-3:before {
    content: "\e6af"
}

.icon-oss-3:before {
    content: "\e6b0"
}

.icon-ess-3:before {
    content: "\e6b1"
}

.icon-opensearch-3:before {
    content: "\e6b2"
}

.icon-odps-3:before {
    content: "\e6b3"
}

.icon-ocs-3:before {
    content: "\e6b4"
}

.icon-oas-3:before {
    content: "\e6b5"
}

.icon-lightcloud-3:before {
    content: "\e6b6"
}

.icon-cdn-3:before {
    content: "\e6b7"
}

.icon-ace-3:before {
    content: "\e6b8"
}

.icon-sls-3:before {
    content: "\e6b9"
}

.icon-ecs-3:before {
    content: "\e6ba"
}

.modal-content {
    border-radius: 0px;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5)
}

.modal-footer {
    margin-top: 0px
}

.modal-title {
    font-size: 14px
}

.modal-header .close {
    font-size: 28px;
    margin-top: -8px;
    font-weight: normal
}

.modal-backdrop {
    background-color: #FFF
}

.console-message-dialog .modal-body .lead {
    font-size: 16px
}

.console-message-dialog .modal-body p {
    margin-top: 6px
}

.nav-tabs > li > a, .nav-tabs.nav-justified > li > a {
    border-radius: 0px 0px 0px 0px
}

.nav-tabs {
    border-color: #ddd
}

.nav-tabs > li {
    margin-left: -1px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    z-index: 1
}

.nav-tabs > li > a, .nav-tabs > li > a:focus {
    color: #666;
    border-left: 0px;
    border-right: 0px;
    margin-right: 0px;
    padding: 10px 16px;
    background: #FBFAF8;
    border-bottom: 0px
}

.nav-tabs > li.active {
    border-top: 0px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    z-index: 3
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border-top: 2px solid #00a2ca;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 1px solid #FFF;
    color: #333
}

.nav-tabs > li > a:hover {
    background-color: #FFF;
    color: #09C
}

.nav-tabs .open > a, .nav-tabs .open > a:hover, .nav-tabs .open > a:focus {
    color: #000;
    background-color: #FAFAFA;
    border-color: #EEE
}

.nav-tabs.nav-justified > li:first-child {
    border-left: 1px solid #ddd
}

.nav-tabs.nav-justified > li {
    border-top: 1px solid #ddd;
    border-left: 0px solid #ddd;
    border-right: 1px solid #ddd;
    z-index: 1
}

.nav-tabs.nav-justified > li > a {
    border-left: 0px;
    border-right: 0px;
    margin-right: 0px;
    background-color: #fbfaf8;
    border-bottom: 1px solid #ddd
}

.nav-tabs.nav-justified > li > a:hover {
    color: #09C;
    background-color: #FFF
}

.nav-tabs.nav-justified > li.active {
    border-top: 0px;
    z-index: 3
}

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
    border-top: 2px solid #00a2ca;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 1px solid #FFF;
    color: #333;
    background-color: #FFF
}

.nav-pills li a, .nav-pills li a:focus, .nav-pills li button, .nav-pills li button:focus {
    padding: 6px 12px;
    border-radius: 0px;
    border: 1px solid #D9DEE4;
    background-color: #D9DEE4;
    color: #666;
    line-height: 20px;
    height: 32px;
    margin-left: 2px
}

.nav-pills li a:hover, .nav-pills li a:focus:hover, .nav-pills li button:hover, .nav-pills li button:focus:hover {
    border: 1px solid #D9DEE4;
    background-color: #DCE2E7;
    color: #444
}

.nav-pills li.active a, .nav-pills li.active a:hover, .nav-pills li.active a:focus, .nav-pills li.active button, .nav-pills li.active button:hover, .nav-pills li.active button:focus {
    border: 1px solid #546478;
    background-color: #546478;
    color: #FFFFFF
}

.c-texttrimmer-pen {
    position: absolute;
    width: 18px;
    height: 18px;
    font-size: 12px;
    padding: 2px;
    text-align: center;
    margin-left: 6px
}

.c-texttrimmer-box {
    position: absolute;
    padding: 16px;
    background: #fff;
    z-index: 1000;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.5)
}

.c-texttrimmer-box:focus {
    outline: none
}

.c-texttrimmer-box p {
    margin: 0 0 10px
}

.c-texttrimmer-box p.c-texttrimmer-tip {
    color: red
}

.c-texttrimmer-box .c-texttrimmer-btnbox a {
    margin-right: 8px
}

.modal, .modal-open {
    overflow: auto;
    overflow-y: auto
}

.console-helper {
    position: absolute;
    height: 100%;
    width: 400px;
    right: 0px;
    top: 32px;
    z-index: 1000;
    border: 1px solid #eee;
    background: #fff;
    border-left: 1px solid #dddddd;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
    position: fixed
}

.console-helper-animation {
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.console-helper-folded {
    right: -400px
}

.console-helper-folded .console-helper-head .console-helper-button {
    margin-left: -44px
}

.console-helper-head {
    height: 56px;
    background: #f5f5f5;
    border-bottom: 1px solid #dddddd
}

.console-helper-head .console-helper-button {
    float: left;
    background: url(images/helper-icon.png) center center no-repeat;
    height: 32px;
    width: 32px;
    margin: 12px;
    cursor: pointer;
    opacity: 0.6
}

.console-helper-head .console-helper-button:hover {
    opacity: 1
}

.console-helper-head .console-helper-title {
    float: left;
    font-size: 14px;
    line-height: 32px;
    height: 32px;
    margin: 12px 0;
    color: #333
}

.console-helper-body .console-helper-nav {
    border-bottom: 1px solid #dddddd;
    margin: 0 20px;
    list-style: none;
    overflow: hidden;
    zoom: 1;
    padding: 0
}

.console-helper-body .console-helper-nav li {
    float: left;
    padding: 12px
}

.console-helper-body .console-helper-nav li a {
    color: #666
}

.console-helper-body .console-helper-nav li a:hover {
    color: #000
}

.console-helper-body .console-helper-nav li.active {
    border-bottom: 2px solid #999
}

.console-helper-body .console-helper-panel-list .console-helper-panel {
    margin: 20px
}

.console-helper-body .console-helper-panel-list .console-helper-panel .console-helper-xiaoyun .console-helper-xiaoyun-search {
    height: 32px
}

.console-helper-body .console-helper-panel-list .console-helper-panel .console-helper-xiaoyun .console-helper-xiaoyun-recommend ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.console-helper-foot {
    background: #f5f5f5;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    border-top: 1px solid #eee
}

.console-helper-foot .console-helper-service {
    overflow: hidden;
    zoom: 1;
    height: 32px;
    margin: 12px;
    list-style: none
}

.console-helper-foot .console-helper-service li {
    width: 48%;
    float: left
}

.console-helper-foot .console-helper-service li p {
    margin: 0;
    color: #666
}

.console-helper-foot .console-helper-service li p a {
    color: #666
}

.console-helper-foot .console-helper-service li p a:hover {
    text-decoration: underline
}

.growl {
    z-index: 9999999;
    top: 50px;
    width: 260px
}

.alert-success {
    color: #090;
    background-color: #F2FFEA;
    border-color: #C7DDB9
}

.alert-success .alert-link {
    color: #063;
    font-weight: normal
}

.alert-info {
    color: #555;
    background-color: #F9F9F9;
    border-color: #DDD
}

.alert-info .alert-link {
    color: #06C;
    font-weight: normal
}

.alert-warning {
    color: #f68300;
    background-color: #FCF8E2;
    border-color: #FBECCB
}

.alert-warning .alert-link {
    color: #c50;
    font-weight: normal
}

.alert-danger {
    color: #ee2117;
    background-color: #FFF6F2;
    border-color: #F1ACAC
}

.alert-danger .alert-link {
    color: #b00;
    font-weight: normal
}

.alert {
    padding: 6px 12px;
    line-height: 18px;
    margin-bottom: 6px;
    border-radius: 0px
}

.alert .close {
    margin-top: -5px
}

.alert ul {
    padding-left: 16px
}

.product-icons-32, .product-icons-48, .product-icons-64 {
    background-repeat: no-repeat;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    background-image: url(aliyun-logo/product.icons.png);
    background-image: -webkit-image-set(url(aliyun-logo/product.icons.png) 1x, url(aliyun-logo/product.icons@2x.png) 2x);
    background-image: -moz-image-set(url(aliyun-logo/product.icons.png) 1x, url(aliyun-logo/product.icons@2x.png) 2x);
    background-image: -ms-image-set(url(aliyun-logo/product.icons.png) 1x, url(aliyun-logo/product.icons@2x.png) 2x);
    background-image: -os-image-set(url(aliyun-logo/product.icons.png) 1x, url(aliyun-logo/product.icons@2x.png) 2x)
}

.product-icons-32 {
    width: 32px;
    height: 32px
}

.product-icons-48 {
    width: 48px;
    height: 48px
}

.product-icons-64 {
    width: 64px;
    height: 64px
}

.product-icons-32.product-icons-ace-grey {
    background-position: -192px -832px !important
}

.product-icons-32.product-icons-ace {
    background-position: -848px -640px !important
}

.product-icons-48.product-icons-ace-grey {
    background-position: -752px -384px !important
}

.product-icons-48.product-icons-ace {
    background-position: -576px -784px !important
}

.product-icons-64.product-icons-ace-grey {
    background-position: -64px -64px !important
}

.product-icons-64.product-icons-ace {
    background-position: -128px 0px !important
}

.product-icons-32.product-icons-ads-grey {
    background-position: -848px -448px !important
}

.product-icons-32.product-icons-ads {
    background-position: -32px -832px !important
}

.product-icons-48.product-icons-ads-grey {
    background-position: -528px -784px !important
}

.product-icons-48.product-icons-ads {
    background-position: -384px -784px !important
}

.product-icons-64.product-icons-ads-grey {
    background-position: -64px -128px !important
}

.product-icons-64.product-icons-ads {
    background-position: -128px -128px !important
}

.product-icons-32.product-icons-amr-grey {
    background-position: -880px -512px !important
}

.product-icons-32.product-icons-amr {
    background-position: -768px -736px !important
}

.product-icons-48.product-icons-amr-grey {
    background-position: -336px -784px !important
}

.product-icons-48.product-icons-amr {
    background-position: -192px -784px !important
}

.product-icons-64.product-icons-amr-grey {
    background-position: -192px -128px !important
}

.product-icons-64.product-icons-amr {
    background-position: 0px -192px !important
}

.product-icons-32.product-icons-api-grey {
    background-position: -880px -544px !important
}

.product-icons-32.product-icons-api {
    background-position: -352px -864px !important
}

.product-icons-48.product-icons-api-grey {
    background-position: -144px -784px !important
}

.product-icons-48.product-icons-api {
    background-position: 0px -784px !important
}

.product-icons-64.product-icons-api-grey {
    background-position: -192px -192px !important
}

.product-icons-64.product-icons-api {
    background-position: -256px 0px !important
}

.product-icons-32.product-icons-aps-grey {
    background-position: -352px -832px !important
}

.product-icons-32.product-icons-aps {
    background-position: -880px -480px !important
}

.product-icons-48.product-icons-aps-grey {
    background-position: -800px -720px !important
}

.product-icons-48.product-icons-aps {
    background-position: -800px -576px !important
}

.product-icons-64.product-icons-aps-grey {
    background-position: -256px -192px !important
}

.product-icons-64.product-icons-aps {
    background-position: 0px -256px !important
}

.product-icons-32.product-icons-ats-grey {
    background-position: -848px -128px !important
}

.product-icons-32.product-icons-ats {
    background-position: -848px -288px !important
}

.product-icons-48.product-icons-ats-grey {
    background-position: -800px -528px !important
}

.product-icons-48.product-icons-ats {
    background-position: -800px -384px !important
}

.product-icons-64.product-icons-ats-grey {
    background-position: -192px -256px !important
}

.product-icons-64.product-icons-ats {
    background-position: -256px -256px !important
}

.product-icons-32.product-icons-batchcompute-grey {
    background-position: -576px -832px !important
}

.product-icons-32.product-icons-batchcompute {
    background-position: -880px -64px !important
}

.product-icons-48.product-icons-batchcompute-grey {
    background-position: -800px -336px !important
}

.product-icons-48.product-icons-batchcompute {
    background-position: -800px -192px !important
}

.product-icons-64.product-icons-batchcompute-grey {
    background-position: -320px -128px !important
}

.product-icons-64.product-icons-batchcompute {
    background-position: -320px -192px !important
}

.product-icons-32.product-icons-cas-grey {
    background-position: -448px -864px !important
}

.product-icons-32.product-icons-cas {
    background-position: -544px -864px !important
}

.product-icons-48.product-icons-cas-grey {
    background-position: -800px -144px !important
}

.product-icons-48.product-icons-cas {
    background-position: -800px 0px !important
}

.product-icons-64.product-icons-cas-grey {
    background-position: -64px -320px !important
}

.product-icons-64.product-icons-cas {
    background-position: -128px -320px !important
}

.product-icons-32.product-icons-cdn-grey {
    background-position: -848px -480px !important
}

.product-icons-32.product-icons-cdn {
    background-position: 0px -832px !important
}

.product-icons-48.product-icons-cdn-grey {
    background-position: -720px -736px !important
}

.product-icons-48.product-icons-cdn {
    background-position: -576px -736px !important
}

.product-icons-64.product-icons-cdn-grey {
    background-position: -320px -320px !important
}

.product-icons-64.product-icons-cdn {
    background-position: -384px 0px !important
}

.product-icons-32.product-icons-cdp-grey {
    background-position: -800px -832px !important
}

.product-icons-32.product-icons-cdp {
    background-position: -832px -832px !important
}

.product-icons-48.product-icons-cdp-grey {
    background-position: -528px -736px !important
}

.product-icons-48.product-icons-cdp {
    background-position: -384px -736px !important
}

.product-icons-64.product-icons-cdp-grey {
    background-position: -384px -192px !important
}

.product-icons-64.product-icons-cdp {
    background-position: -384px -256px !important
}

.product-icons-32.product-icons-cli-grey {
    background-position: -880px -832px !important
}

.product-icons-32.product-icons-cli {
    background-position: -192px -864px !important
}

.product-icons-48.product-icons-cli-grey {
    background-position: -336px -736px !important
}

.product-icons-48.product-icons-cli {
    background-position: -192px -736px !important
}

.product-icons-64.product-icons-cli-grey {
    background-position: -64px -384px !important
}

.product-icons-64.product-icons-cli {
    background-position: -128px -384px !important
}

.product-icons-32.product-icons-cps-grey {
    background-position: -768px -784px !important
}

.product-icons-32.product-icons-cps {
    background-position: -848px -32px !important
}

.product-icons-48.product-icons-cps-grey {
    background-position: -144px -736px !important
}

.product-icons-48.product-icons-cps {
    background-position: 0px -736px !important
}

.product-icons-64.product-icons-cps-grey {
    background-position: -320px -384px !important
}

.product-icons-64.product-icons-cps {
    background-position: -384px -384px !important
}

.product-icons-32.product-icons-ddos-grey {
    background-position: -848px -512px !important
}

.product-icons-32.product-icons-ddos {
    background-position: -848px -800px !important
}

.product-icons-48.product-icons-ddos-grey {
    background-position: -752px -672px !important
}

.product-icons-48.product-icons-ddos {
    background-position: -752px -528px !important
}

.product-icons-64.product-icons-ddos-grey {
    background-position: -448px -128px !important
}

.product-icons-64.product-icons-ddos {
    background-position: -448px -192px !important
}

.product-icons-32.product-icons-dfs-grey {
    background-position: -448px -832px !important
}

.product-icons-32.product-icons-dfs {
    background-position: -544px -832px !important
}

.product-icons-48.product-icons-dfs-grey {
    background-position: -752px -480px !important
}

.product-icons-48.product-icons-dfs {
    background-position: -752px -336px !important
}

.product-icons-64.product-icons-dfs-grey {
    background-position: -448px -384px !important
}

.product-icons-64.product-icons-dfs {
    background-position: 0px -448px !important
}

.product-icons-32.product-icons-dns-grey {
    background-position: -880px -160px !important
}

.product-icons-32.product-icons-dns {
    background-position: -880px -320px !important
}

.product-icons-48.product-icons-dns-grey {
    background-position: -752px -288px !important
}

.product-icons-48.product-icons-dns {
    background-position: -752px -144px !important
}

.product-icons-64.product-icons-dns-grey {
    background-position: -192px -448px !important
}

.product-icons-64.product-icons-dns {
    background-position: -256px -448px !important
}

.product-icons-32.product-icons-dpc-grey {
    background-position: 0px -864px !important
}

.product-icons-32.product-icons-dpc {
    background-position: -32px -864px !important
}

.product-icons-48.product-icons-dpc-grey {
    background-position: -752px -96px !important
}

.product-icons-48.product-icons-dpc {
    background-position: -672px -688px !important
}

.product-icons-64.product-icons-dpc-grey {
    background-position: -448px -448px !important
}

.product-icons-64.product-icons-dpc {
    background-position: -512px 0px !important
}

.product-icons-32.product-icons-drds-grey {
    background-position: -576px -864px !important
}

.product-icons-32.product-icons-drds {
    background-position: -720px -688px !important
}

.product-icons-48.product-icons-drds-grey {
    background-position: -624px -688px !important
}

.product-icons-48.product-icons-drds {
    background-position: -480px -688px !important
}

.product-icons-64.product-icons-drds-grey {
    background-position: -512px -192px !important
}

.product-icons-64.product-icons-drds {
    background-position: -512px -256px !important
}

.product-icons-32.product-icons-dts-grey {
    background-position: -848px -224px !important
}

.product-icons-32.product-icons-dts {
    background-position: -848px -256px !important
}

.product-icons-48.product-icons-dts-grey {
    background-position: -432px -688px !important
}

.product-icons-48.product-icons-dts {
    background-position: -288px -688px !important
}

.product-icons-64.product-icons-dts-grey {
    background-position: -512px -448px !important
}

.product-icons-64.product-icons-dts {
    background-position: 0px -512px !important
}

.product-icons-32.product-icons-eclipse-grey {
    background-position: -848px -608px !important
}

.product-icons-32.product-icons-eclipse {
    background-position: -848px -704px !important
}

.product-icons-48.product-icons-eclipse-grey {
    background-position: -240px -688px !important
}

.product-icons-48.product-icons-eclipse {
    background-position: -96px -688px !important
}

.product-icons-64.product-icons-eclipse-grey {
    background-position: -192px -512px !important
}

.product-icons-64.product-icons-eclipse {
    background-position: -256px -512px !important
}

.product-icons-32.product-icons-ecs-grey {
    background-position: -224px -832px !important
}

.product-icons-32.product-icons-ecs {
    background-position: -256px -832px !important
}

.product-icons-48.product-icons-ecs-grey {
    background-position: -48px -688px !important
}

.product-icons-48.product-icons-ecs {
    background-position: -704px -576px !important
}

.product-icons-64.product-icons-ecs-grey {
    background-position: -448px -512px !important
}

.product-icons-64.product-icons-ecs {
    background-position: -512px -512px !important
}

.product-icons-32.product-icons-edas-grey {
    background-position: -608px -832px !important
}

.product-icons-32.product-icons-edas {
    background-position: -768px -832px !important
}

.product-icons-48.product-icons-edas-grey {
    background-position: -704px -528px !important
}

.product-icons-48.product-icons-edas {
    background-position: -704px -384px !important
}

.product-icons-64.product-icons-edas-grey {
    background-position: -576px -128px !important
}

.product-icons-64.product-icons-edas {
    background-position: -576px -192px !important
}

.product-icons-32.product-icons-elp-grey {
    background-position: -880px -256px !important
}

.product-icons-32.product-icons-elp {
    background-position: -880px -288px !important
}

.product-icons-48.product-icons-elp-grey {
    background-position: -704px -336px !important
}

.product-icons-48.product-icons-elp {
    background-position: -704px -192px !important
}

.product-icons-64.product-icons-elp-grey {
    background-position: -576px -384px !important
}

.product-icons-64.product-icons-elp {
    background-position: -576px -448px !important
}

.product-icons-32.product-icons-esn-grey {
    background-position: -880px -640px !important
}

.product-icons-32.product-icons-esn {
    background-position: -880px -736px !important
}

.product-icons-48.product-icons-esn-grey {
    background-position: -704px -144px !important
}

.product-icons-48.product-icons-esn {
    background-position: -704px 0px !important
}

.product-icons-64.product-icons-esn-grey {
    background-position: -64px -576px !important
}

.product-icons-64.product-icons-esn {
    background-position: -128px -576px !important
}

.product-icons-32.product-icons-ess-grey {
    background-position: -224px -864px !important
}

.product-icons-32.product-icons-ess {
    background-position: -256px -864px !important
}

.product-icons-48.product-icons-ess-grey {
    background-position: -624px -640px !important
}

.product-icons-48.product-icons-ess {
    background-position: -480px -640px !important
}

.product-icons-64.product-icons-ess-grey {
    background-position: -320px -576px !important
}

.product-icons-64.product-icons-ess {
    background-position: -384px -576px !important
}

.product-icons-32.product-icons-keyongxingzhongxin-grey {
    background-position: -608px -864px !important
}

.product-icons-32.product-icons-keyongxingzhongxin {
    background-position: -672px -640px !important
}

.product-icons-48.product-icons-keyongxingzhongxin-grey {
    background-position: -432px -640px !important
}

.product-icons-48.product-icons-keyongxingzhongxin {
    background-position: -288px -640px !important
}

.product-icons-64.product-icons-keyongxingzhongxin-grey {
    background-position: -576px -576px !important
}

.product-icons-64.product-icons-keyongxingzhongxin {
    background-position: -640px 0px !important
}

.product-icons-32.product-icons-kvstore-grey {
    background-position: -848px -64px !important
}

.product-icons-32.product-icons-kvstore {
    background-position: -848px -96px !important
}

.product-icons-48.product-icons-kvstore-grey {
    background-position: -240px -640px !important
}

.product-icons-48.product-icons-kvstore {
    background-position: -96px -640px !important
}

.product-icons-64.product-icons-kvstore-grey {
    background-position: -640px -192px !important
}

.product-icons-64.product-icons-kvstore {
    background-position: -640px -256px !important
}

.product-icons-32.product-icons-lvwang-grey {
    background-position: -848px -320px !important
}

.product-icons-32.product-icons-lvwang {
    background-position: -848px -416px !important
}

.product-icons-48.product-icons-lvwang-grey {
    background-position: -48px -640px !important
}

.product-icons-48.product-icons-lvwang {
    background-position: -640px -512px !important
}

.product-icons-64.product-icons-lvwang-grey {
    background-position: -640px -384px !important
}

.product-icons-64.product-icons-lvwang {
    background-position: 0px 0px !important
}

.product-icons-32.product-icons-mas-grey {
    background-position: -640px -864px !important
}

.product-icons-32.product-icons-mas {
    background-position: -848px -672px !important
}

.product-icons-48.product-icons-mas-grey {
    background-position: -640px -560px !important
}

.product-icons-48.product-icons-mas {
    background-position: 0px -640px !important
}

.product-icons-64.product-icons-mas-grey {
    background-position: -640px -320px !important
}

.product-icons-64.product-icons-mas {
    background-position: -640px -128px !important
}

.product-icons-32.product-icons-mns-grey {
    background-position: -64px -832px !important
}

.product-icons-32.product-icons-mns {
    background-position: -160px -832px !important
}

.product-icons-48.product-icons-mns-grey {
    background-position: -144px -640px !important
}

.product-icons-48.product-icons-mns {
    background-position: -192px -640px !important
}

.product-icons-64.product-icons-mns-grey {
    background-position: -640px -64px !important
}

.product-icons-64.product-icons-mns {
    background-position: -512px -576px !important
}

.product-icons-32.product-icons-mqs-grey {
    background-position: -384px -832px !important
}

.product-icons-32.product-icons-mqs {
    background-position: -416px -832px !important
}

.product-icons-48.product-icons-mqs-grey {
    background-position: -336px -640px !important
}

.product-icons-48.product-icons-mqs {
    background-position: -384px -640px !important
}

.product-icons-64.product-icons-mqs-grey {
    background-position: -448px -576px !important
}

.product-icons-64.product-icons-mqs {
    background-position: -256px -576px !important
}

.product-icons-32.product-icons-mss-grey {
    background-position: -640px -832px !important
}

.product-icons-32.product-icons-mss {
    background-position: -736px -832px !important
}

.product-icons-48.product-icons-mss-grey {
    background-position: -528px -640px !important
}

.product-icons-48.product-icons-mss {
    background-position: -576px -640px !important
}

.product-icons-64.product-icons-mss-grey {
    background-position: -192px -576px !important
}

.product-icons-64.product-icons-mss {
    background-position: 0px -576px !important
}

.product-icons-32.product-icons-mts-grey {
    background-position: -880px -96px !important
}

.product-icons-32.product-icons-mts {
    background-position: -880px -128px !important
}

.product-icons-48.product-icons-mts-grey {
    background-position: -704px -48px !important
}

.product-icons-48.product-icons-mts {
    background-position: -704px -96px !important
}

.product-icons-64.product-icons-mts-grey {
    background-position: -576px -512px !important
}

.product-icons-64.product-icons-mts {
    background-position: -576px -320px !important
}

.product-icons-32.product-icons-oas-grey {
    background-position: -880px -352px !important
}

.product-icons-32.product-icons-oas {
    background-position: -880px -448px !important
}

.product-icons-48.product-icons-oas-grey {
    background-position: -704px -240px !important
}

.product-icons-48.product-icons-oas {
    background-position: -704px -288px !important
}

.product-icons-64.product-icons-oas-grey {
    background-position: -576px -256px !important
}

.product-icons-64.product-icons-oas {
    background-position: -576px -64px !important
}

.product-icons-32.product-icons-ocs-grey {
    background-position: -880px -672px !important
}

.product-icons-32.product-icons-ocs {
    background-position: -880px -704px !important
}

.product-icons-48.product-icons-ocs-grey {
    background-position: -704px -432px !important
}

.product-icons-48.product-icons-ocs {
    background-position: -704px -480px !important
}

.product-icons-64.product-icons-ocs-grey {
    background-position: -576px 0px !important
}

.product-icons-64.product-icons-ocs {
    background-position: -384px -512px !important
}

.product-icons-32.product-icons-odps-grey {
    background-position: -64px -864px !important
}

.product-icons-32.product-icons-odps {
    background-position: -160px -864px !important
}

.product-icons-48.product-icons-odps-grey {
    background-position: -704px -624px !important
}

.product-icons-48.product-icons-odps {
    background-position: 0px -688px !important
}

.product-icons-64.product-icons-odps-grey {
    background-position: -320px -512px !important
}

.product-icons-64.product-icons-odps {
    background-position: -128px -512px !important
}

.product-icons-32.product-icons-ons-grey {
    background-position: -384px -864px !important
}

.product-icons-32.product-icons-ons {
    background-position: -416px -864px !important
}

.product-icons-48.product-icons-ons-grey {
    background-position: -144px -688px !important
}

.product-icons-48.product-icons-ons {
    background-position: -192px -688px !important
}

.product-icons-64.product-icons-ons-grey {
    background-position: -64px -512px !important
}

.product-icons-64.product-icons-ons {
    background-position: -512px -384px !important
}

.product-icons-32.product-icons-opensearch-grey {
    background-position: -640px -608px !important
}

.product-icons-32.product-icons-opensearch {
    background-position: -672px -608px !important
}

.product-icons-48.product-icons-opensearch-grey {
    background-position: -336px -688px !important
}

.product-icons-48.product-icons-opensearch {
    background-position: -384px -688px !important
}

.product-icons-64.product-icons-opensearch-grey {
    background-position: -512px -320px !important
}

.product-icons-64.product-icons-opensearch {
    background-position: -512px -128px !important
}

.product-icons-32.product-icons-oss-grey {
    background-position: -800px -784px !important
}

.product-icons-32.product-icons-oss {
    background-position: -848px 0px !important
}

.product-icons-48.product-icons-oss-grey {
    background-position: -528px -688px !important
}

.product-icons-48.product-icons-oss {
    background-position: -576px -688px !important
}

.product-icons-64.product-icons-oss-grey {
    background-position: -512px -64px !important
}

.product-icons-64.product-icons-oss {
    background-position: -384px -448px !important
}

.product-icons-32.product-icons-ots-grey {
    background-position: -848px -160px !important
}

.product-icons-32.product-icons-ots {
    background-position: -848px -192px !important
}

.product-icons-48.product-icons-ots-grey {
    background-position: -752px 0px !important
}

.product-icons-48.product-icons-ots {
    background-position: -752px -48px !important
}

.product-icons-64.product-icons-ots-grey {
    background-position: -320px -448px !important
}

.product-icons-64.product-icons-ots {
    background-position: -128px -448px !important
}

.product-icons-32.product-icons-pts-grey {
    background-position: -848px -352px !important
}

.product-icons-32.product-icons-pts {
    background-position: -848px -384px !important
}

.product-icons-48.product-icons-pts-grey {
    background-position: -752px -192px !important
}

.product-icons-48.product-icons-pts {
    background-position: -752px -240px !important
}

.product-icons-64.product-icons-pts-grey {
    background-position: -64px -448px !important
}

.product-icons-64.product-icons-pts {
    background-position: -448px -320px !important
}

.product-icons-32.product-icons-ram-grey {
    background-position: -848px -544px !important
}

.product-icons-32.product-icons-ram {
    background-position: -848px -576px !important
}

.product-icons-48.product-icons-ram-grey {
    background-position: -720px -784px !important
}

.product-icons-48.product-icons-ram {
    background-position: -752px -432px !important
}

.product-icons-64.product-icons-ram-grey {
    background-position: -448px -256px !important
}

.product-icons-64.product-icons-ram {
    background-position: -448px -64px !important
}

.product-icons-32.product-icons-rds-grey {
    background-position: -848px -736px !important
}

.product-icons-32.product-icons-rds {
    background-position: -848px -768px !important
}

.product-icons-48.product-icons-rds-grey {
    background-position: -752px -576px !important
}

.product-icons-48.product-icons-rds {
    background-position: -752px -624px !important
}

.product-icons-64.product-icons-rds-grey {
    background-position: -448px 0px !important
}

.product-icons-64.product-icons-rds {
    background-position: -256px -384px !important
}

.product-icons-32.product-icons-sas-grey {
    background-position: -96px -832px !important
}

.product-icons-32.product-icons-sas {
    background-position: -128px -832px !important
}

.product-icons-48.product-icons-sas-grey {
    background-position: -48px -736px !important
}

.product-icons-48.product-icons-sas {
    background-position: -96px -736px !important
}

.product-icons-64.product-icons-sas-grey {
    background-position: -192px -384px !important
}

.product-icons-64.product-icons-sas {
    background-position: 0px -384px !important
}

.product-icons-32.product-icons-scan-grey {
    background-position: -288px -832px !important
}

.product-icons-32.product-icons-scan {
    background-position: -320px -832px !important
}

.product-icons-48.product-icons-scan-grey {
    background-position: -240px -736px !important
}

.product-icons-48.product-icons-scan {
    background-position: -288px -736px !important
}

.product-icons-64.product-icons-scan-grey {
    background-position: -384px -320px !important
}

.product-icons-64.product-icons-scan {
    background-position: -384px -128px !important
}

.product-icons-32.product-icons-slb-grey {
    background-position: -480px -832px !important
}

.product-icons-32.product-icons-slb {
    background-position: -512px -832px !important
}

.product-icons-48.product-icons-slb-grey {
    background-position: -432px -736px !important
}

.product-icons-48.product-icons-slb {
    background-position: -480px -736px !important
}

.product-icons-64.product-icons-slb-grey {
    background-position: -384px -64px !important
}

.product-icons-64.product-icons-slb {
    background-position: -256px -320px !important
}

.product-icons-32.product-icons-sls-grey {
    background-position: -672px -832px !important
}

.product-icons-32.product-icons-sls {
    background-position: -704px -832px !important
}

.product-icons-48.product-icons-sls-grey {
    background-position: -624px -736px !important
}

.product-icons-48.product-icons-sls {
    background-position: -672px -736px !important
}

.product-icons-64.product-icons-sls-grey {
    background-position: -192px -320px !important
}

.product-icons-64.product-icons-sls {
    background-position: 0px -320px !important
}

.product-icons-32.product-icons-toolsimage-grey {
    background-position: -880px 0px !important
}

.product-icons-32.product-icons-toolsimage {
    background-position: -880px -32px !important
}

.product-icons-48.product-icons-toolsimage-grey {
    background-position: -800px -48px !important
}

.product-icons-48.product-icons-toolsimage {
    background-position: -800px -96px !important
}

.product-icons-64.product-icons-toolsimage-grey {
    background-position: -320px -256px !important
}

.product-icons-64.product-icons-toolsimage {
    background-position: -320px -64px !important
}

.product-icons-32.product-icons-visualstudio-grey {
    background-position: -880px -192px !important
}

.product-icons-32.product-icons-visualstudio {
    background-position: -880px -224px !important
}

.product-icons-48.product-icons-visualstudio-grey {
    background-position: -800px -240px !important
}

.product-icons-48.product-icons-visualstudio {
    background-position: -800px -288px !important
}

.product-icons-64.product-icons-visualstudio-grey {
    background-position: -320px 0px !important
}

.product-icons-64.product-icons-visualstudio {
    background-position: -128px -256px !important
}

.product-icons-32.product-icons-vpc-grey {
    background-position: -880px -384px !important
}

.product-icons-32.product-icons-vpc {
    background-position: -880px -416px !important
}

.product-icons-48.product-icons-vpc-grey {
    background-position: -800px -432px !important
}

.product-icons-48.product-icons-vpc {
    background-position: -800px -480px !important
}

.product-icons-64.product-icons-vpc-grey {
    background-position: -64px -256px !important
}

.product-icons-64.product-icons-vpc {
    background-position: -256px -128px !important
}

.product-icons-32.product-icons-waf-grey {
    background-position: -880px -576px !important
}

.product-icons-32.product-icons-waf {
    background-position: -880px -608px !important
}

.product-icons-48.product-icons-waf-grey {
    background-position: -800px -624px !important
}

.product-icons-48.product-icons-waf {
    background-position: -800px -672px !important
}

.product-icons-64.product-icons-waf-grey {
    background-position: -256px -64px !important
}

.product-icons-64.product-icons-waf {
    background-position: -128px -192px !important
}

.product-icons-32.product-icons-xianzhi-grey {
    background-position: -880px -768px !important
}

.product-icons-32.product-icons-xianzhi {
    background-position: -880px -800px !important
}

.product-icons-48.product-icons-xianzhi-grey {
    background-position: -48px -784px !important
}

.product-icons-48.product-icons-xianzhi {
    background-position: -96px -784px !important
}

.product-icons-64.product-icons-xianzhi-grey {
    background-position: -64px -192px !important
}

.product-icons-64.product-icons-xianzhi {
    background-position: -192px -64px !important
}

.product-icons-32.product-icons-ysf-grey {
    background-position: -96px -864px !important
}

.product-icons-32.product-icons-ysf {
    background-position: -128px -864px !important
}

.product-icons-48.product-icons-ysf-grey {
    background-position: -240px -784px !important
}

.product-icons-48.product-icons-ysf {
    background-position: -288px -784px !important
}

.product-icons-64.product-icons-ysf-grey {
    background-position: -192px 0px !important
}

.product-icons-64.product-icons-ysf {
    background-position: 0px -128px !important
}

.product-icons-32.product-icons-yundun-grey {
    background-position: -288px -864px !important
}

.product-icons-32.product-icons-yundun {
    background-position: -320px -864px !important
}

.product-icons-48.product-icons-yundun-grey {
    background-position: -432px -784px !important
}

.product-icons-48.product-icons-yundun {
    background-position: -480px -784px !important
}

.product-icons-64.product-icons-yundun-grey {
    background-position: -128px -64px !important
}

.product-icons-64.product-icons-yundun {
    background-position: 0px -64px !important
}

.product-icons-32.product-icons-yunjiankong-grey {
    background-position: -480px -864px !important
}

.product-icons-32.product-icons-yunjiankong {
    background-position: -512px -864px !important
}

.product-icons-48.product-icons-yunjiankong-grey {
    background-position: -624px -784px !important
}

.product-icons-48.product-icons-yunjiankong {
    background-position: -672px -784px !important
}

.product-icons-64.product-icons-yunjiankong-grey {
    background-position: -640px -448px !important
}

.product-icons-64.product-icons-yunjiankong {
    background-position: -64px 0px !important
}

.console-search {
    box-sizing: border-box;
    float: left;
    margin-right: 1px;
    position: relative;
    z-index: 11
}

.console-search * {
    box-sizing: border-box
}

.console-search .console-search-ask {
    position: relative
}

.console-search .console-search-ask .console-search-ask-input {
    width: 200px;
    height: 40px;
    background: #2a2e31;
    border: 0;
    padding: 12px 30px 12px 10px;
    display: inline-block;
    color: #999;
    -webkit-border-radius: 1px 1px;
    -moz-border-radius: 1px / 1px;
    border-radius: 1px / 1px;
    -o-transition: all 0.3s, 0.3s;
    -ms-transition: all 0.3s, 0.3s;
    -moz-transition: all 0.3s, 0.3s;
    -webkit-transition: all 0.3s, 0.3s
}

.console-search .console-search-ask .console-search-ask-input:focus {
    outline: none
}

.console-search .console-search-ask .console-search-mark {
    font-size: 16px;
    line-height: 30px;
    position: absolute;
    height: 100%;
    width: 40px;
    color: #eee;
    padding: 5px;
    text-decoration: none;
    display: block
}

.console-search .console-search-ask .console-search-questionmark {
    right: 0;
    top: 0
}

.console-search .console-search-ask-active .console-search-ask-input {
    width: 320px;
    height: 40px;
    background: #f2f2f2;
    border: 0;
    color: #000
}

.console-search .console-search-ask-active .console-search-questionmark {
    color: #0099cc
}

.console-search .console-search-answer {
    width: 402px;
    margin-top: 2px;
    left: -1px;
    border: 1px solid #d4d4d4;
    border-top: none;
    background: #fff;
    position: absolute;
    -webkit-border-radius: 2px 2px;
    -moz-border-radius: 2px / 2px;
    border-radius: 2px / 2px;
    text-shadow: 1px
}

.console-search .console-search-answer .console-search-answer-head {
    background: #f8f8f8;
    border-bottom: 1px solid #eee;
    height: 42px
}

.console-search .console-search-answer .console-search-answer-head ul {
    list-style: none;
    margin: 0;
    padding: 0 24px
}

.console-search .console-search-answer .console-search-answer-head ul li {
    float: left;
    margin-right: 14px;
    height: 42px;
    line-height: 42px
}

.console-search .console-search-answer .console-search-answer-head ul li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #666;
    text-decoration: none
}

.console-search .console-search-answer .console-search-answer-head ul li a:hover {
    color: #ff6500;
    border-bottom: 2px solid #ff6500
}

.console-search .console-search-answer .console-search-answer-head ul li.console-search-tab-active a {
    color: #ff6500;
    border-bottom: 2px solid #ff6500
}

.console-search .console-search-answer .console-search-answer-body {
    padding: 0 24px
}

.console-search .console-search-answer .console-search-answer-body .console-search-answer-list .console-search-answer-item {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #eee
}

.console-search .console-search-answer .console-search-answer-body .console-search-answer-list .console-search-answer-item a {
    color: #00a2ca
}

.console-search .console-search-answer .console-search-answer-body .console-search-answer-more {
    height: 40px;
    line-height: 40px;
    text-align: right
}

.console-search .console-search-answer .console-search-answer-body .console-search-answer-more a {
    color: #00a2ca
}

.selector {
    width: 100%;
    height: 140px;
    border: 1px solid #999;
    background-color: #FFF;
    overflow-x: hidden;
    overflow-y: auto
}

.selector .selector-list {
    list-style: none;
    margin: 0px;
    padding: 0px
}

.selector .selector-list .selector-item {
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    border-bottom: 1px solid #DDD;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-indent: 8px
}

.selector .selector-list .selector-item:hover {
    color: #06C;
    background-color: #FAFCFF;
    cursor: pointer
}

.selector .selector-list .selector-item.active {
    background-color: #37C;
    color: #FFF
}

.selector .selector-list .selector-item.disabled {
    color: #AAA;
    cursor: not-allowed;
    background-color: #FAFAFA
}

.selector .selector-msg {
    text-align: center;
    color: #999;
    height: 32px;
    line-height: 32px
}

.selector.selector-status-error .selector-msg {
    cursor: pointer
}

.selector.selector-status-hasmore .selector-msg {
    cursor: pointer
}

.list-selector .selector-box {
    width: 45%;
    float: left
}

.list-selector .selector-box .inner-wrap {
    border: 1px solid #bbb;
    height: 200px;
    overflow: hidden
}

.list-selector .selector-box .inner-wrap .inner-head {
    border: 1px solid #eee;
    margin: 6px;
    position: relative
}

.list-selector .selector-box .inner-wrap .inner-head input {
    border: 0;
    width: 90%
}

.list-selector .selector-box .inner-wrap .inner-head input:focus {
    outline: 0
}

.list-selector .selector-box .inner-wrap .inner-head .search {
    width: 20px;
    height: 20px;
    line-height: 20px;
    padding: 0 6px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0
}

.list-selector .selector-box .inner-wrap .inner-body {
    height: 160px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 0
}

.list-selector .selector-box .inner-wrap .inner-body2 {
    height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 0
}

.list-selector .selector-mid {
    width: 10%;
    text-align: center;
    float: left
}

.list-selector .selector-mid .mid-box {
    margin: 10px auto;
    height: 40px;
    width: 40px;
    font-weight: bold;
    border: 1px solid #bbb;
    background: #f7f7f7;
    display: block;
    cursor: pointer
}

.list-selector .selector-mid .mid-margin {
    margin-top: 80px;
    margin-bottom: 10px
}

.aliyun-console-table-search-list {
    min-width: 100px
}

.console-global-notice {
    position: relative;
    margin-top: -1px;
    z-index: 1
}

.console-global-notice .console-global-notice-nav {
    position: absolute;
    top: 13px;
    left: 25px;
    z-index: 2
}

.console-global-notice .console-global-notice-nav span {
    width: 12px;
    height: 12px;
    display: block;
    float: left;
    background: #e8e8e8;
    border-radius: 12px;
    margin-right: 3px;
    cursor: pointer
}

.console-global-notice .console-global-notice-nav span.active {
    background: #999999
}

.console-global-notice .console-global-notice-list {
    height: 50px;
    position: relative
}

.console-global-notice .console-global-notice-list .console-global-notice-item {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    padding: 10px 12px;
    border-radius: 2px;
    margin-bottom: 0px;
    text-align: left
}

.console-global-notice .console-global-notice-list .console-global-notice-item .console-global-notice-nomore {
    position: absolute;
    top: 8px;
    right: 12px
}

.console-global-notice .console-global-notice-list .console-global-notice-item .console-global-notice-content {
    padding-right: 80px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.console-clip-copy {
    background: rgba(0, 0, 0, 0.75);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#bf000000, endColorstr=#bf000000);
    position: absolute;
    color: #fff;
    line-height: 24px;
    height: 24px;
    overflow: hidden;
    padding: 0px 12px 0px 30px
}

.console-clip-copy .rectangle1, .console-clip-copy .rectangle2 {
    position: absolute;
    top: 8px;
    left: 13px;
    border: 1px solid #fff;
    width: 10px;
    height: 12px;
    background: #404040;
    z-index: 2
}

.console-clip-copy .rectangle2 {
    left: 15px;
    z-index: 1;
    top: 5px
}

.console-clip-copyed {
    padding-left: 12px
}

.console-clip-copyed .rectangle1, .console-clip-copyed .rectangle2 {
    display: none
}

.console-aside-wrap {
    position: fixed;
    z-index: 105
}

.console-aside-wrap .console-aside {
    position: absolute;
    display: none
}

.console-aside-wrap .console-aside.console-aside-transform {
    -o-transition: all 0.3s, 0.3s;
    -ms-transition: all 0.3s, 0.3s;
    -moz-transition: all 0.3s, 0.3s;
    -webkit-transition: all 0.3s, 0.3s
}

.console-aside-wrap.top {
    top: 0;
    width: 100%
}

.console-aside-wrap.top .console-aside {
    top: 0;
    width: 100%
}

.console-aside-wrap.right {
    right: 0;
    height: 100%;
    top: 0
}

.console-aside-wrap.right .console-aside {
    right: 0;
    height: 100%
}

.console-aside-wrap.left {
    left: 0;
    height: 100%;
    top: 0
}

.console-aside-wrap.left .console-aside {
    left: 0;
    height: 100%
}

.console-aside-wrap.bottom {
    bottom: 0;
    width: 100%
}

.console-aside-wrap.bottom .console-aside {
    bottom: 0;
    width: 100%
}

.table-default-viewer {
    width: 100%;
    background-color: #FFF
}

.table-default-viewer td {
    padding: 11px 20px;
    border: 1px solid #eeeeee
}

.table-default-viewer.off {
    display: none
}

.table-viewer-topbar-content {
    padding: 0px;
    margin: 0px;
    margin-right: 8px
}

.table-viewer-header {
    margin-top: 10px;
    margin-bottom: -1px;
    height: 40px;
    background: #F5f6FA;
    line-height: 38px;
    border: 1px solid #e1e6eb;
    position: relative;
    border-left: 4px solid #6d7781
}

.table-viewer-header .table-viewer-topbar-title {
    font-size: 14px;
    color: #333333;
    display: inline-block;
    margin-left: 16px
}

.table-viewer-header .table-viewer-topbar-content {
    margin-right: 60px
}

.table-viewer-header .toggle-drop-down-icon {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    position: absolute;
    width: 40px;
    height: 39px;
    right: 0;
    top: 0;
    border-left: 1px solid #e1e6eb
}

.table-viewer-header .table-viewer-dropdown {
    display: inline-block;
    margin: 10px;
    font-size: 20px
}

.simple-chart {
    height: 100%;
    border: 1px solid #ccd6e0;
    position: relative;
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1)
}

.simple-chart .simple-chart-head {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    padding-left: 10px;
    background: #f8f9fb
}

.simple-chart .simple-chart-head-title {
    float: left
}

.simple-chart .simple-chart-operations {
    float: right
}

.simple-chart .simple-chart-operations .simple-chart-btn {
    display: inline-block;
    border-left: 1px solid #e1e6eb;
    width: 40px;
    text-align: center;
    cursor: pointer
}

.simple-chart .simple-chart-operations .simple-chart-btn span {
    font-size: 14px;
    font-weight: bold;
    vertical-align: text-bottom
}

.simple-chart .simple-chart-body {
    border-top: 1px solid #ccd6e0;
    padding: 0px 2px 2px 0px
}

.simple-chart .simple-chart-body .highcharts-container {
    float: left
}

.simple-chart .simple-chart-body-inner {
    height: 100%
}

.simple-chart .simple-chart-annulus-center {
    position: absolute;
    text-align: center
}

.simple-chart .simple-chart-annulus-center .simple-chart-annulus-number {
    color: #0099cc;
    font-size: 32px
}

.simple-chart.simple-chart-nowrap {
    border: none;
    -webkit-box-shadow: 0px 0px 0px;
    -moz-box-shadow: 0px 0px 0px;
    box-shadow: 0px 0px 0px
}

.simple-chart.simple-chart-nowrap .simple-chart-head {
    display: none
}

.simple-chart.simple-chart-nowrap .simple-chart-body {
    border: none;
    height: 100% !important
}

.console-middle-page {
    margin-top: 80px
}

.console-middle-page .console-middle-page-icon {
    text-align: right
}

.console-middle-page .console-middle-page-title {
    font-size: 20px;
    margin: 0;
    line-height: 48px
}

.console-middle-page .console-middle-page-text {
    font-size: 12px;
    color: #666
}

.console-middle-page .console-middle-page-link {
    border-top: 1px solid #EEE;
    margin-top: 16px;
    padding-top: 16px
}

.console-middle-page .console-middle-page-link > a {
    padding-right: 14px
}

.console-rank-select {
    height: 32px;
    padding: 8px 0px;
    overflow: hidden
}

.console-rank-select .rank-item {
    width: 20px;
    height: 16px;
    line-height: 16px;
    overflow: hidden;
    display: block;
    float: left;
    font-size: 16px;
    color: #CCC;
    cursor: pointer;
    zoom: 1
}

.console-rank-select .rank-active {
    color: #09C
}

.console-rank-select .rank-hover {
    color: #3CF
}

.simple-loading {
    position: relative
}

.simple-loading .simple-loading-inner {
    margin-left: auto;
    margin-right: auto
}

.simple-loading-1:before, .simple-loading-1:after, .simple-loading-1 {
    border-radius: 50%;
    width: 14px;
    height: 14px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: simple-loading-1 1.8s infinite ease-in-out;
    animation: simple-loading-1 1.8s infinite ease-in-out
}

.simple-loading-1 {
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    -webkit-animation-delay: 0.16s;
    animation-delay: 0.16s
}

.simple-loading-1:before {
    left: -30px
}

.simple-loading-1:after {
    left: 30px;
    -webkit-animation-delay: 0.32s;
    animation-delay: 0.32s
}

.simple-loading-1:before, .simple-loading-1:after {
    content: '';
    position: absolute;
    top: 0
}

@-webkit-keyframes simple-loading-1 {
    0%, 80%, 100% {
        box-shadow: 0 2.5em 0 -1.3em #ddd
    }
    40% {
        box-shadow: 0 2.5em 0 0 #ddd
    }
}

@keyframes simple-loading-1 {
    0%, 80%, 100% {
        box-shadow: 0 2.5em 0 -1.3em #ddd
    }
    40% {
        box-shadow: 0 2.5em 0 0 #ddd
    }
}

.feedback-container {
    position: fixed;
    right: 0px;
    bottom: 100px;
    font-family: 微软雅黑, 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, 宋体;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    z-index: 100
}

.feedback-container:hover .feedback-trigger .feedback-trigger-text, .feedback-container.active .feedback-trigger .feedback-trigger-text {
    width: 56px;
    padding: 0 0px 0 4px
}

.feedback-container h1, .feedback-container h2, .feedback-container textarea, .feedback-container input {
    margin: 0;
    padding: 0;
    border: 0
}

.feedback-container .feedback {
    position: absolute;
    width: 396px;
    background: rgba(0, 162, 202, 0.5);
    padding: 3px;
    right: 81px;
    bottom: 0
}

.feedback-container .feedback .feedback-panel {
    width: 390px;
    background: #fff;
    padding: 20px
}

.feedback-container .feedback .feedback-title {
    border-bottom: 1px solid #eee;
    padding-bottom: 8px;
    margin-bottom: 15px
}

.feedback-container .feedback .feedback-title h1 {
    color: #000;
    font-size: 16px;
    display: inline-block
}

.feedback-container .feedback .feedback-title h1 i {
    cursor: pointer;
    margin-top: 6px;
    float: right
}

.feedback-container .feedback .feedback-content {
    position: relative;
    margin-bottom: 15px
}

.feedback-container .feedback .feedback-content h2 {
    font-size: 14px;
    margin-bottom: 5px
}

.feedback-container .feedback .feedback-content .must {
    position: absolute;
    left: -10px;
    top: 3px;
    color: red
}

.feedback-container .feedback textarea, .feedback-container .feedback input {
    font: 12px/1.5 "\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", "Hiragino Sans GB", tahoma, arial, "\5B8B\4F53"
}

.feedback-container .feedback .feedback-content textarea {
    resize: none;
    height: 106px;
    width: 100%;
    padding: 9px 10px;
    margin: 6px 1px 1px 0;
    border: solid 1px #e8e8e8;
    border-radius: 4px;
    line-height: 16px;
    color: #333;
    font-size: 12px;
    outline: 0
}

.feedback-container .feedback .feedback-content .feedback-content-count {
    color: #666;
    margin-top: 5px
}

.feedback-container .feedback .feedback-contact {
    margin-bottom: 25px;
    position: relative
}

.feedback-container .feedback .feedback-contact h2 {
    font-size: 14px;
    margin-bottom: 5px
}

.feedback-container .feedback .feedback-contact input {
    height: 36px;
    margin-bottom: 20px;
    resize: none;
    width: 100%;
    padding: 9px 10px;
    margin: 6px 1px 1px 0;
    border: solid 1px #e8e8e8;
    line-height: 16px;
    color: #333;
    font-size: 12px;
    outline: 0;
    background: #fff;
    border-radius: 4px;
    text-decoration: none;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.feedback-container .feedback .feedback-contact input:focus {
    background: #e9fbfe;
    border: solid 1px #e8e8e8
}

.feedback-container .feedback .feedback-contact .inputError {
    position: absolute;
    bottom: -22px;
    left: 2px;
    color: red
}

.feedback-container .feedback .submit-btn {
    padding: 0;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    display: inline-block;
    min-width: 78px;
    background: #00a2ca;
    color: #fff;
    text-align: center;
    outline: none;
    border-radius: 0;
    text-decoration: none;
    cursor: pointer
}

.feedback-container .feedback .submit-btn:hover {
    background: #33b5d4;
    border-color: #33b5d4;
    text-decoration: none
}

.feedback-container .feedback .feedback-footer {
    text-align: center;
    padding: 5px 0
}

.feedback-container .feedback .submit-btn.disabled {
    background: #efefef;
    border-color: #efefef;
    color: #ccc;
    cursor: default
}

.feedback .thanks {
    font-size: 16px;
    margin-left: 15px;
    color: #000;
    position: relative;
    top: -9px
}

.feedback .feedback-close {
    display: inline-block;
    float: right;
    cursor: pointer;
    font-size: 18px
}

.feedback .feedback-check {
    font-size: 30px;
    color: #65ce00
}

.feedback-container .feedback-trigger {
    display: inline-block;
    background-color: #3d5061;
    font-size: 12px;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
    padding: 4px 4px 1px 1px
}

.feedback-container .feedback-trigger .feedback-trigger-text {
    padding: 0;
    display: inline-block;
    height: 16px;
    overflow: hidden;
    width: 0;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in
}

.feedback-container .feedback-trigger .feedback-trigger-icon {
    padding: 0;
    display: inline-block;
    font-size: 15px
}

body {
    font-size: 12px
}

body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti, "Microsoft YaHei"
}

a {
    color: #06C;
    cursor: pointer
}

a:hover {
    color: #039
}

label {
    font-size: 100%
}

.nowrap {
    white-space: nowrap
}

.breakall {
    word-break: break-all;
    word-wrap: break-word
}

input::-ms-clear {
    display: none
}

input[type="radio"], input[type="checkbox"] {
    margin-top: 2px;
    margin-top: 1px \9
}

.console-container {
    padding: 0 15px
}

.console-sidebar {
    border-right: 1px solid #DDD
}

.console-sidebar .nav {
    margin-right: 4px
}

.console-sidebar .nav li {
    border-bottom: 1px solid #DDD;
    padding: 4px 0px;
    position: relative
}

.console-sidebar .nav li a {
    color: #333;
    padding: 6px 16px;
    border-left: 2px solid #FFF
}

.console-sidebar .nav li a:hover {
    background-color: #FFF;
    border-left: 2px solid #F90
}

.console-sidebar .nav li a span[class^="icon-"] {
    position: absolute;
    left: 0px;
    top: 8px;
    color: #999;
    font-size: 14px
}

.console-sidebar .nav li.active a {
    color: #fff;
    border-left: 2px solid #F90;
    background-color: #313844
}

.console-sidebar .nav .nav {
    margin-right: 0px
}

.console-sidebar .nav .nav li {
    border-bottom: 0px
}

.console-sidebar .nav .nav li a {
    text-indent: 12px;
    background: #FFF;
    border-left-color: #FFF;
    color: #333
}

.console-sidebar .nav .nav li a:hover {
    background-color: #FFF;
    border-left: 2px solid #F90
}

.console-sidebar .nav .nav li.active a {
    color: #fff;
    border-left: 2px solid #F90;
    background-color: #313844
}

.console-instance-head {
    padding: 3px 0px;
    border-bottom: 1px solid #DDD
}

.console-instance-head h3.instance-id {
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle
}

.console-instance-head .pull-right {
    padding: 16px 0px 10px
}

.dropdown-menu {
    font-size: 12px;
    border-radius: 0px;
    padding: 0px;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2)
}

.dropdown-menu li a {
    padding: 7px 16px
}

.dropdown-menu .divider {
    margin: 0px 0px
}

.console-chart {
    width: 100%
}

.tooltip {
    word-break: break-all
}

.popover .popover-inner {
    padding: 8px
}

.popover .popover-inner .popover-content {
    padding: 0px
}

.console-not-service {
    margin-top: 80px
}

.console-not-service .console-not-service-icon {
    text-align: right;
    padding-top: 8px
}

.console-not-service .console-not-service-title {
    font-size: 20px
}

.console-not-service .console-not-service-text {
    font-size: 12px;
    color: #666
}

.console-not-service .console-not-service-link {
    border-top: 1px solid #EEE;
    margin-top: 16px;
    padding-top: 16px
}

.console-step {
    height: 24px;
    position: relative;
    margin-left: 0px;
    margin-right: 0px
}

.console-step .step {
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    color: #FFF;
    background: #cacaca;
    z-index: 1;
    text-align: center
}

.console-step .step:before {
    content: '';
    display: block;
    position: absolute;
    left: -12px;
    z-index: 8;
    top: 0px;
    border-top: 12px solid #cacaca;
    border-left: 12px solid transparent !important;
    border-bottom: 12px solid #cacaca
}

.console-step .step:after {
    content: '';
    display: block;
    width: 16px;
    height: 24px;
    position: absolute;
    right: 0px;
    z-index: 9;
    top: 0px;
    border-top: 12px solid transparent !important;
    border-left: 12px solid #cacaca;
    border-bottom: 12px solid transparent !important;
    background-color: #FFF
}

.console-step .step-first:before {
    display: none
}

.console-step .step-end:after {
    display: none
}

.console-step .step-pass {
    background-color: #99dcf3
}

.console-step .step-pass:after {
    border-color: #99dcf3
}

.console-step .step-pass:before {
    border-color: #99dcf3
}

.console-step .step-active {
    background-color: #00a0c7
}

.console-step .step-active:after {
    border-color: #00a0c7
}

.console-step .step-active:before {
    border-color: #00a0c7
}
